{"id":193,"date":"2026-11-10T19:00:13","date_gmt":"2026-11-10T10:00:13","guid":{"rendered":"https:\/\/kou-wa.com\/?page_id=193"},"modified":"2026-11-10T19:44:21","modified_gmt":"2026-11-10T10:44:21","slug":"%e6%b6%b2%e4%bd%93%e3%82%b7%e3%83%aa%e3%82%b3%e3%83%b3%e6%88%90%e5%bd%a2","status":"publish","type":"page","link":"https:\/\/kou-wa.com\/?page_id=193","title":{"rendered":"\u6db2\u4f53\u30b7\u30ea\u30b3\u30f3\u6210\u5f62"},"content":{"rendered":"\n<p class=\"has-large-font-size wp-block-paragraph\">\u30a2\u30c3\u30d7\u30eb \u306e \u30d8\u30c3\u30c9\u30db\u30f3<\/p>\n\n\n\n<style>\n.kouwa-product-movies {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 40px;\n  width: 100%;\n  margin: 24px auto;\n  font-family: \"Noto Sans JP\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n}\n\n.kouwa-product-movies,\n.kouwa-product-movies * {\n  box-sizing: border-box;\n}\n\n\/* \uce74\ub4dc: \uc601\uc0c1 \ub108\ube44 \uadf8\ub300\ub85c \uc720\uc9c0 *\/\n.kouwa-product-movies .km-card {\n  flex: 0 1 auto;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: #fff;\n  border-radius: 16px;\n  box-shadow: 0 8px 28px rgba(23, 54, 93, 0.12);\n}\n\n\/* \uc0c1\ub2e8 \uc81c\ubaa9 *\/\n.kouwa-product-movies .km-heading {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: #17365d;\n}\n\n.kouwa-product-movies .km-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 36px;\n  height: 36px;\n  border: 1px solid rgba(255, 255, 255, 0.35);\n  border-radius: 9px;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.kouwa-product-movies .km-label {\n  margin: 0 0 3px;\n  padding: 0;\n  color: #d4e4f5;\n  font-size: 10px;\n  letter-spacing: 0.14em;\n  line-height: 1.4;\n}\n\n.kouwa-product-movies .km-title {\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  box-shadow: none;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.kouwa-product-movies .km-title::before,\n.kouwa-product-movies .km-title::after {\n  content: none;\n}\n\n\/* \uc601\uc0c1 \uc601\uc5ed *\/\n.kouwa-product-movies .km-screen {\n  position: relative;\n  background: #0b1624;\n}\n\n.kouwa-product-movies .km-screen video {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n\/* \uc911\uc559 \ud30c\ub780\uc0c9 \uc7ac\uc0dd \ubc84\ud2bc *\/\n.kouwa-product-movies .km-play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 84px;\n  height: 84px;\n  margin: 0;\n  padding: 0;\n  transform: translate(-50%, -50%);\n  appearance: none;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  background: #007bff;\n  color: #fff;\n  box-shadow:\n    0 0 0 7px rgba(255, 255, 255, 0.18),\n    0 6px 22px rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n  transition: background 0.2s, box-shadow 0.2s;\n}\n\n.kouwa-product-movies .km-play:hover {\n  background: #005dcc;\n  box-shadow:\n    0 0 0 10px rgba(255, 255, 255, 0.25),\n    0 6px 22px rgba(0, 0, 0, 0.25);\n}\n\n.kouwa-product-movies .km-play:focus-visible {\n  outline: 3px solid #fff;\n  outline-offset: 5px;\n}\n\n.kouwa-product-movies .km-triangle {\n  width: 0;\n  height: 0;\n  margin-left: 6px;\n  border-top: 14px solid transparent;\n  border-bottom: 14px solid transparent;\n  border-left: 23px solid #fff;\n}\n\n\/* \ud558\ub2e8 \ud68c\uc0ac\uba85 *\/\n.kouwa-product-movies .km-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px 12px;\n  padding: 14px 16px;\n  background: #f3f6fa;\n}\n\n.kouwa-product-movies .km-company {\n  color: #000;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.kouwa-product-movies .km-caption {\n  color: #52647b;\n  font-size: 11px;\n}\n<\/style>\n\n<div class=\"kouwa-product-movies\" lang=\"ja\">\n\n  <!-- \uccab \ubc88\uc9f8 \ub3d9\uc601\uc0c1: \ub108\ube44 370px -->\n  <article class=\"km-card\" style=\"width:370px;\">\n\n    <div class=\"km-heading\">\n      <span class=\"km-number\">01<\/span>\n      <div>\n        <p class=\"km-label\">KOUWA \/ PRODUCT MOVIE<\/p>\n        <!-- \uc6d0\ud558\ub294 \uc601\uc0c1 \uc81c\ubaa9\uc73c\ub85c \ubcc0\uacbd -->\n        <h3 class=\"km-title\">\u751f\u7523\u4e2d<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"km-screen\">\n      <video controls=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"\u30d8\u30c3\u30c8\u30d5\u30a9\u30f3\u751f\u7523\u4e2d\" onplay=\"this.nextElementSibling.style.display='none'\" onpause=\"this.nextElementSibling.style.display='flex'\" onended=\"this.nextElementSibling.style.display='flex'\" src=\"https:\/\/kou-wa.com\/wp-content\/uploads\/2026\/11\/s10.mp4\">\n      <\/video>\n\n      <button class=\"km-play\" type=\"button\" aria-label=\"\u88fd\u54c1\u7d39\u4ecb01\u3092\u518d\u751f\" onclick=\"this.previousElementSibling.play()\">\n        <span class=\"km-triangle\" aria-hidden=\"true\"><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"km-footer\">\n      <span class=\"km-company\">\u5149\u548c\u682a\u5f0f\u4f1a\u793e<\/span>\n      <span class=\"km-caption\">\u25b6 \u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u518d\u751f<\/span>\n    <\/div>\n\n  <\/article>\n\n  <!-- \ub450 \ubc88\uc9f8 \ub3d9\uc601\uc0c1: \ub108\ube44 300px -->\n  <article class=\"km-card\" style=\"width:300px;\">\n\n    <div class=\"km-heading\">\n      <span class=\"km-number\">02<\/span>\n      <div>\n        <p class=\"km-label\">KOUWA \/ PRODUCT MOVIE<\/p>\n        <!-- \uc6d0\ud558\ub294 \uc601\uc0c1 \uc81c\ubaa9\uc73c\ub85c \ubcc0\uacbd -->\n        <h3 class=\"km-title\">\u88fd\u54c1<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"km-screen\">\n      <video controls=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"\u88fd\u54c1\u7d39\u4ecb 02\" onplay=\"this.nextElementSibling.style.display='none'\" onpause=\"this.nextElementSibling.style.display='flex'\" onended=\"this.nextElementSibling.style.display='flex'\" src=\"https:\/\/kou-wa.com\/wp-content\/uploads\/2026\/11\/s11.mp4\">\n      <\/video>\n\n      <button class=\"km-play\" type=\"button\" aria-label=\"\u88fd\u54c1\u7d39\u4ecb02\u3092\u518d\u751f\" onclick=\"this.previousElementSibling.play()\">\n        <span class=\"km-triangle\" aria-hidden=\"true\"><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"km-footer\">\n      <span class=\"km-company\">\u5149\u548c\u682a\u5f0f\u4f1a\u793e<\/span>\n      <span class=\"km-caption\">\u25b6 \u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u518d\u751f<\/span>\n    <\/div>\n\n  <\/article>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u30a2\u30c3\u30d7\u30eb \u306e \u30d8\u30c3\u30c9\u30db\u30f3 01 KOUWA \/ PRODUCT MOVIE \u751f\u7523\u4e2d \u5149\u548c\u682a\u5f0f\u4f1a\u793e \u25b6 \u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u518d\u751f 02 KOUWA \/ PRODUCT MOVIE \u88fd\u54c1 \u5149\u548c\u682a\u5f0f\u4f1a\u793e \u25b6 \u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u518d\u751f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lightning_design_setting":[],"footnotes":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kou-wa.com\/index.php?rest_route=\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kou-wa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kou-wa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kou-wa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kou-wa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=193"}],"version-history":[{"count":4,"href":"https:\/\/kou-wa.com\/index.php?rest_route=\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/kou-wa.com\/index.php?rest_route=\/wp\/v2\/pages\/193\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/kou-wa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}