{"title":"online seminar List","description":"\u003cdiv class=\"video-list\"\u003e \u003ca href=\"..\/pages\/online-seminar-vol1\" class=\"video-item\"\u003e \u003cspan\u003eVol.1\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"..\/pages\/online-seminar-vol2\" class=\"video-item\"\u003e \u003cspan\u003eVol.2\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"..\/pages\/online-seminar-vol3\" class=\"video-item\"\u003e \u003cspan\u003eVol.3\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"..\/pages\/online-seminar-vol4\" class=\"video-item\"\u003e \u003cspan\u003eVol.4\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"..\/pages\/online-seminar-vol5\" class=\"video-item\"\u003e \u003cspan\u003eVol.5\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"..\/pages\/online-seminar-vol6\" class=\"video-item\"\u003e \u003cspan\u003eVol.6\u003c\/span\u003e \u003c\/a\u003e \u003c\/div\u003e \n\n\n\u003cstyle\u003e\n\/* 画面中央に配置するためのラッパ調整 *\/\n.video-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  justify-content: center;   \/* 横方向の中央 *\/\n  align-items: center;        \/* 縦方向の中央 *\/\n  \n  \/* ▼ これが中央寄せのポイント *\/\n  min-height: 70vh;           \/* 好みで 100vh にすると完全中央 *\/\n  margin: 0 auto;             \/* 横中央 *\/\n}\n\n\/* 各項目 *\/\n.video-item {\n  position: relative;\n  display: block;\n  width: 200px;\n  height: 120px;\n  border-radius: 0.8rem;\n  overflow: hidden;\n  text-decoration: none;\n  color: #fff;\n  background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0637\/4611\/3730\/files\/1.png?v=1736217011') center\/cover no-repeat;\n  transition: transform 0.3s ease;\n}\n\n\/* オーバーレイ *\/\n.video-item::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: rgba(0,0,0,0.7);\n  z-index: 1;\n}\n\n\/* テキスト *\/\n.video-item span {\n  position: absolute;\n  bottom: 0; left: 0;\n  width: 100%;\n  padding: 0.8rem 0;\n  text-align: center;\n  font-size: 2.2rem;\n  font-weight: 900;\n  color: #fff;\n  z-index: 2;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n}\n\n\/* ホバー *\/\n.video-item:hover {\n  transform: scale(1.05);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.5);\n}\n\u003c\/style\u003e\n","products":[],"url":"https:\/\/dxdsnips.dokixdoki.com\/collections\/new2.oembed","provider":"Doki×Doki SNIPS","version":"1.0","type":"link"}