ビデオライブラリページのスタイル指定

@@ -3552,3 +3552,83 @@ body.itemid-132 table {
 		bottom: 47px;
 	}
 }
+
+/* -------------------------------------------------------------------------
+　ビデオライブラリページ
+------------------------------------------------------------------------- */
+.videos-custom h5 {
+	padding-left: 0;
+	font-size: 1.125rem;
+}
+
+.videos-custom-item-wrapper {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
+}
+
+.videos-custom-item-wrapper:before {
+  content: "";
+  display: block;
+	min-width: 190px;
+	width: 30%;
+  height: 0px;
+	order: 1;
+}
+.videos-custom-item-wrapper:after {
+  content: "";
+  display: block;
+	min-width: 190px;
+	width: 30%;
+  height: 0px;
+}
+
+.videos-custom-item {
+	min-width: 190px;
+	width: 30%;
+	margin-bottom: 16px;
+}
+
+.videos-custom-item-title {
+	font-size: 1.125rem;
+}
+
+.videos-custom-item-explanation {
+	font-size: 1rem;
+}
+
+/* ビデオライブラリページ レスポンシブ*/
+@media (max-width: 900px) {
+	.videos-custom-item {
+		width: 45%;
+	}
+	.videos-custom-item-wrapper:before {
+		width: 45%;
+	}
+	.videos-custom-item-wrapper:after {
+		width: 45%;
+	}
+}
+
+@media (max-width: 550px) {
+	.videos-custom-item-wrapper {
+		display: block;
+	}
+
+	.videos-custom-item {
+		height: auto;
+		width: 100%;
+		padding-bottom: 8px;
+		border-bottom: #003894 4px solid;
+		margin-bottom: 24px;
+	}
+
+
+	.videos-custom-item-title {
+		font-size: 1rem;
+	}
+
+	.videos-custom-item-explanation {
+		font-size: 0.875rem;
+	}
+}
\ No newline at end of file