{"title":"J.B. ATTIRE","description":"\u003cdiv class=\"intro-container\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"text-container\"\u003e\n  J.B. ATTIRE(ジェービーアタイア)は、クリエイティブディレクターの金子恵治が2024年に立ち上げたファッションブランド。時代を超えて愛されるミューズたちのスタイルから着想を得て、着る人の個性を引き立てるシンプルで普遍的なワードローブを提案している。\n      \u003cdiv class=\"read-more-container\"\u003e\n        \u003clabel class=\"read-more-button\"\u003e\n          \u003cinput type=\"checkbox\"\u003e\n          もっと読む\n        \u003c\/label\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003cstyle\u003e\n.intro-container {\n  width: 100%;\n  max-width: 100%;\n  margin-inline: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.container {\n  --max-height: 60px;\n\n  position: relative;\n  max-height: var(--max-height);\n  overflow: hidden;\n\n  \u0026:has(.read-more-button \u003e input:checked) {\n    max-height: initial;\n  }\n}\n\n.text-container {\n  position: relative;\n  font-size:12px;\n}\n\n.read-more-container {\n  position: absolute;\n  top: var(--max-height);\n  transform: translateY(-100%);\n  overflow: hidden;\n  width: 100%;\n  display: flex;\n  font-size:90%;\n  align-items: end;\n  justify-content: center;\n  background-image: linear-gradient(transparent, #fff 65%);\n  height: calc(clamp(0px, round(up, 100% - var(--max-height), 1px), 1px) * 60);\n\n  \u0026:has(.read-more-button \u003e input:checked) {\n    display: none;\n  }\n}\n\n.read-more-button {\n  margin: 8px;\n  text-decoration: underline;\n  cursor: pointer;\n\n  \u0026:hover {\n    text-decoration: none;\n  }\n\n  \u0026 \u003e input {\n    display: none;\n  }\n}\n\n\u003c\/style\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/monamacho.jp\/collections\/j-b-attire.oembed","provider":"MONA MACHO","version":"1.0","type":"link"}