{"id":2941,"date":"2025-07-07T01:37:23","date_gmt":"2025-07-06T16:37:23","guid":{"rendered":"https:\/\/optec-exp.com\/cellchain\/?page_id=2941"},"modified":"2025-07-30T21:29:06","modified_gmt":"2025-07-30T12:29:06","slug":"works","status":"publish","type":"page","link":"https:\/\/optec-exp.com\/cellchain\/works\/","title":{"rendered":"\u8f38\u9001\u5b9f\u7e3e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2941\" class=\"elementor elementor-2941\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc5e7b animated-slow e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"3dc5e7b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-314c593 e-con-full e-flex e-con e-child\" data-id=\"314c593\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7aa010e e-flex e-con-boxed e-con e-child\" data-id=\"7aa010e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c36924 eiji elementor-widget elementor-widget-text-editor\" data-id=\"6c36924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Works<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9536710 hu elementor-widget elementor-widget-heading\" data-id=\"9536710\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u8f38\u9001\u5b9f\u7e3e<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-882f15a con e-flex e-con-boxed e-con e-parent\" data-id=\"882f15a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d8b77 pon elementor-widget elementor-widget-html\" data-id=\"c5d8b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"card-list\" class=\"card-grid\"><\/div>\n\n<script>\nfetch('https:\/\/optec-exp.com\/wp-json\/wp\/v2\/case?categories=39&_embed')\n  .then(response => response.json())\n  .then(posts => {\n    const container = document.getElementById('card-list');\n    container.innerHTML = posts.map(post => {\n      const date = new Date(post.date).toLocaleDateString(\"ja-JP\", {\n        year: 'numeric', month: '2-digit', day: '2-digit'\n      }).replace(\/\\\/\/g, '.');\n\n      const image = post._embedded['wp:featuredmedia']?.[0]?.source_url || '';\n      const categories = post._embedded['wp:term']?.flat()?.filter(t => t.name !== '\u533b\u85ac\u54c1') || [];\n      const tagsHtml = categories.map(cat => `<span class=\"tag\">${cat.name}<\/span>`).join('');\n\n      return `\n        <a href=\"${post.link}\" class=\"card\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <img decoding=\"async\" src=\"${image}\" alt=\"\" class=\"thumb\" \/>\n          <div class=\"card-content\">\n            <div class=\"date\">${date}<\/div>\n            <div class=\"tags\">${tagsHtml}<\/div>\n            <h3 class=\"title\">${post.title.rendered}<\/h3>\n            <span class=\"link-btn\">\u2192<\/span>\n          <\/div>\n        <\/a>\n      `;\n    }).join('');\n  });\n<\/script>\n\n<style>\n.card-grid {\n  display: grid;\n  gap: 30px;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.card {\n  background: #fff;\n  border-radius: 16px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1)!important;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.2s ease;\n  transition: 0.4s;\n}\n\n.card:hover {\n  transform: translateY(-2px);\n  opacity: 0.75!important;\n}\n.thumb {\n  width: 100%;\n  height: 200px!important;\n  object-fit: cover!important;\n  padding: 0; \/* \u3053\u3053\u3067padding\u3092\u30ea\u30bb\u30c3\u30c8 *\/\n}\n\n.card-content {\n  padding:5px 16px 16px 16px;\n  position: relative;\n}\n\n.date {\n  font-size: 12px;\n  color: #888;\n  margin-bottom: -7px;\n  margin-left: 3px;\n}\n\n.tags {\n  margin-bottom: 0px;\n}\n\n.tag {\n  display: inline-block;\n  background: #ffffff;\n  border:#4866F0 solid 1px;\n  color: #4866F0;\n  border-radius: 20px;\n  padding: 0px 10px;\n  font-size: 10px;\n  line-height: 2em;\n  margin-right: 4px;\n  margin-bottom: 0px;\n}\n\n.title{\n  font-size: 20px!important;\n  margin: 5px 0px 0px 0px;\n  color: #333;\n  line-height: 1.4em!important;\n}\n\n.link-btn {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  font-size: 1.2rem;\n  text-decoration: none;\n  color: #4866F0;\n  transform: rotate(-40deg);\n}\n<\/style>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Works \u8f38\u9001\u5b9f\u7e3e<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2941","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/pages\/2941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/comments?post=2941"}],"version-history":[{"count":91,"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/pages\/2941\/revisions"}],"predecessor-version":[{"id":4142,"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/pages\/2941\/revisions\/4142"}],"wp:attachment":[{"href":"https:\/\/optec-exp.com\/cellchain\/wp-json\/wp\/v2\/media?parent=2941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}