#EXTM3U #EXT-X-INDEX:import: /snippets/wordd.js\ndash: -\nclass: top_index top_index_constant\n\n\ndiv.top_container\n div.logo-wrapper: h1.logo.lazy: ![MIDORI.so](/snippets/logo_text.svg) ![MIDORI___](/snippets/logo_dot.svg dot)\n div.word-display:\n \n.footer_container.topmenu_footer\n ![/snippets/menu/]\n\nscript\n $(".lazy").addClass("fadein");\n setTimeout(word, 1000);\n function word(){ \n var i = ["WORK TOGETHER", "FAIL HARDER", "FUTURE IS NOT BAD", "INSPIRATION COMES FROM CONVERSATION", "A CUP OF COFFEE BRINGS NEW IDEAS", "THINK TOGETHER", "GATHER WISDOM", "TOGETHER IS BETTER", "FREE THINKING", "MIDORI MEANS GREEN", "SO IS HOUSE COMMUNITY", "MIRAI MEANS FUTURE", "WORK EAT TALK"]; \n $(".word-display:not(.finished)")\n .wordDisplay("setup", i).addClass('finished').wordDisplay("start");\n $(".titleanim:not(.finished)").animateTitle("setup").each(function (t, E) {\n $(E).addClass('finished'),\n $(E).on("inview", function (t, i) {\n i && $(E).animateTitle("start")\n })\n })\n }\n\nstyle\n @font-face{\n font-family:'DINNextLTPro';src:url("/snippets/DINNextLTPro-Bold.ttf") format("truetype");\n }\n *{\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n } \n .logo-wrapper{\n width: 100%; height: 100%; position: absolute; \n } \n .word-display{\n position: relative;\n height: 110%; \n height: 110vh;\n font-size: 3.4rem;\n line-height: 1.4em;\n letter-spacing: 0.02em;\n font-family: 'DINNextLTPro', sans-serif;\n }\n h1.logo{\n width: 500px; height: 75px; text-align: center; \n position: absolute; inset: 0; margin: auto;\n letter-spacing: 0.02em;\n font-family: 'DINNextLTPro', sans-serif; \n font-size: 227%;\n } \n @media only screen and (max-width: 764px) {\n .word-display {\n font-size:3rem\n } \n h1.logo{\n padding: 0 20px; \n width: 100%;\n } \n h1.logo img.dot{\n width: calc(100% - 40px);\n left: 20px;\n }\n }\n .anim__fill {\n position: absolute;\n display: block;\n top: 0.2em;\n left: 0;\n right: 0.01em;\n bottom: 0.4em;\n background: #000;\n -webkit-transform: scaleX(0);\n transform: scaleX(0)\n }\n .anim__trans {\n opacity: 0\n }\n .anim__word {\n position: relative;\n display: inline-block\n }\n .al__word .anim__str {\n display: block\n }\n .wd {\n position: absolute;\n overflow: hidden;\n top: 0!important; \n left: 0;\n width: 100%;\n height: 100%;\n transition: opacity 0.2s ease\n }\n .wd.white {\n opacity: 0\n }\n .wd__measure {\n position: absolute;\n white-space: nowrap;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n }\n .wd__line {\n position: absolute;\n top: 0;\n left: 0;\n overflow: visible;\n width: 1000%;\n height: 1.4em\n }\n .wd__line-first,.wd__line-second {\n float: left;\n position: relative;\n white-space: nowrap;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 1.4em\n }\n .wd__word {\n display: block;\n position: absolute;\n top: 0;\n padding: 0 0.4em\n }\n .wd__word .anim__fill {\n left: 0.1em;\n right: 0.2em\n }\n img.dot{\n position:absolute; top:0; left: 0;\n }\n .fadein {\n transition: opacity 300ms 0s ease;\n opacity: 1 !important;\n }\n .lazy {\n opacity: 0;\n }\n body {\n font-family: "din-2014", sans-serif;\n font-weight: 600;\n font-style: normal;\n font-size: 13px;\n margin: 0px!important;\n text-align: center;\n background-color: transparent;\n }\n a{\n text-decoration:none;\n }\n #info {\n color: #fff;\n position: absolute;\n top: 10px;\n width: 100%;\n } \n .bases_topmenu_address{\n display: inline-block;\n position: relative;\n float: right; \n margin-right: 80px; font-size:16px; font-weight:normal!important;\n }\n .info_container{\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n font-size: 15px;\n width: 200px;\n height: auto;\n padding: 10px;\n color: #fff;\n background-color: #000;\n }\n .info_color{\n color: #000;\n background-color: #eee;\n margin: 10px;\n }\n .logo_img{\n display: block;\n position: absolute;\n top: -90px;\n left: 52px;\n width: 240px;\n }\n .top_container{\n display: block;\n position: relative;\n width: 100%;\n height: 100vh;\n }\n .topmenu_container{\n display: block;\n width: 100%;\n margin-top: 0px;\n height: auto;\n text-align: left;\n background-color: transparent;\n }\n .topmenu_row{\n cursor:pointer;\n display: block;\n width: 100%;\n border-top: 1px solid #000;\n font-size: 19px;\n height: 60px;\n line-height: 60px;\n background-color: #fdfdfd;\n padding-left: 60px;\n }\n .topmenu_container > .topmenu_row a{ \n display: block; \n }\n .topmenu_row.sticky{\n position: sticky;\n top: 0;\n z-index: 5;\n }\n .topmenu_row.select{\n background:black; color: white;\n }\n .margin_container{\n display: block;\n position: relative;\n width: 100%;\n height: 0;\n border-top: 1px solid #000;\n background-color: transparent;\n } \n .topmenu_children_row > .topmenu_row{ \n padding-left: 80px; \n }\n .topmenu_children_row{\n display: block;\n width: 100%;\n font-size: 0; \n max-height: 1300px;\n height: auto;\n opacity: 1.0;\n font-size: 0;\n overflow: hidden;\n transition: max-height 0.36s ease-out;\n cursor: pointer;\n }\n .topmenu_children_img_row{\n display: block;\n position: relative; \n transition: max-height 0.36s ease-out;\n width: calc(100%);\n height: 400px;\n overflow-y: hidden;\n cursor: pointer;\n max-height: 400px; opacity: 1.0;\n /*margin-left: 60px;\n padding-bottom: 60px;*/\n cursor: pointer;\n }\n .topmenu_children_img_row:hover{\n opacity: 0.8;\n }\n .topmenu_children_img_row img{\n }\n .topmenu_children_row.hide{\n max-height: 0;\n opacity: 0.0;\n }\n /* top left menu */\n .top_left_topmenu_container{\n display: block;\n position: absolute;\n width: 300px;\n top: 50px;\n left: 60px;\n }\n .top_left_topmenu_row{\n font-size: 16px;\n text-align: left;\n margin-bottom: 15px;\n cursor: pointer;\n }\n .topmenu_bases_img{\n width: 100%;\n height: 100%;\n object-fit: cover;\n background-color: #ccc;\n }\n .view_btn{\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n width: 200px;\n height: 60px;\n background-color: #fdfdfd;\n color: #101010;\n text-align: center;\n font-size:14px;\n line-height: 60px;\n letter-spacing: 1px;\n }\n .topmenu_children_img_row.hide{\n max-height: 0px; opacity: 0.0; padding-bottom: 0;\n }\n .footer_container{\n display: block;\n justify-content: center;\n }\n .topmenu_icon{\n font-size: 70px;\n }\n #topmenu_svg{\n display: block;\n position: relative;\n width: 32px;\n }\n #text_animation{\n display: block;\n position: absolute;\n top: 50%;\n left: 0;\n overflow: hidden;\n width: 100%;\n height: auto;\n transform: translateY(-50%);\n }\n .text_animation_row{\n display: block;\n position: relative;\n width:100%;\n height: 66px;\n white-space: nowrap;\n overflow: hidden;\n }\n .flow_anim_text{\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n font-size: 48px;\n color: #000;\n background-color: transparent;\n z-index: 10;\n padding-left: 10px;\n padding-right: 10px;\n }\n .flow_anim_text_black{\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n font-size: 48px;\n color: #fff;\n background-color: #000;\n z-index: 10;\n padding-left: 10px;\n padding-right: 10px;\n }\n @media screen and (max-width:700px){\n .topmenu_row{\n padding-left: 27px;\n }\n .bases_topmenu_address{\n font-size: 10px;\n display: block;\n position: absolute;\n bottom: 18px;\n line-height: 10px;\n left: 51px;\n white-space: nowrap;\n }\n .bases_topmenu_children > .topmenu_row{\n height: 75px;\n }\n .topmenu_children_row > .topmenu_row{ \n line-height: 57px;\n padding-left: 39px;\n }\n .topmenu_children_row > .topmenu_row.fermenting{\n line-height: 74px;\n }\n .top_left_topmenu_container{\n top: 35px;\n left: 30px;\n }\n .logo_img{\n left: 20px;\n top:-70px;\n }\n .flow_anim_text{\n font-size: 32px;\n }\n .flow_anim_text_black{\n font-size: 32px;\n }\n .text_animation_row{\n height: 50px;\n }\n }\n\n #EXT-X-PROTECTED: #EXT-X-JS:\na.define('top', {\n className: 'interview_top_container',\n content: function(){\n return a.create({Div: {\n className: 'interview_inner_top_container',\n content: a.create([\n this.param.content, \n {Div: {className: 'cap1'}}, {Div: {className: 'cap2'}}\n ])\n }})\n }\n});\na.define('photo', {\n className: 'photos_container',\n content: function(){\n console.log('photocontent', this.param.content);\n var img = this.param.content.shift ? this.param.content.shift() : '';\n var desc = this.param.content;\n return a.create({className: 'photo_container', content: ([{\n Div: {\n className: 'photo_img_container', content: ([\n img,\n {Div: {className: 'cap1'}}, {Div: {className: 'cap2'}}\n ])\n }\n }, {\n Div: {\n className: 'photo_description_container', content: a.create([\n {Div: {className: 'jp', content: desc}}\n ])\n }\n }])});\n }\n});\na.define('article', {\n className: 'article_container',\n content: function(){\n return (this.param.content);\n }\n});\na.define('article_title', {\n className: 'article_info_container',\n content: function(){\n var con = this.param.content && this.param.content.join ? this.param.content : ['', ''];\n return a.create([{\n Div: {className: 'article_info_title_container', content: con[0]}\n },{\n Div: {className: 'article_info_description_container', content: con[1]}\n }])\n }\n});\na.define('article_info', a.article, {\n styles: {fontWeight: 'bold'}\n});\na.define('author', {\n className: 'profile_container',\n content: function(){\n return a.create([{\n Div: {className: 'profile_border'}\n }, {Div: {className: 'profile_inner_container', content: (this.param.content)}}])\n }\n});\n\na.define('end', {\n className: 'end_container',\n});\n\nconsole.log('definedend');\n #EXTINF:-1,snippets,D=1,CRC32C=39192f85,CL=4096,UT=20240426T103126Z, snippets/.stack #EXTINF:-1,db,D=1,CRC32C=72542e43,CL=4096,UT=20240422T083209Z, db/.stack #EXTINF:-1,galleries,D=1,CRC32C=b54c53b3,CL=4096,UT=20240417T051020Z, galleries/.stack #EXTINF:-1,post,D=1,CRC32C=00000000,CL=4096,UT=20240411T072245Z, post/.stack #EXTINF:-1,SDK,D=1,CRC32C=00000000,CL=4096,UT=20240331T121827Z, SDK/.stack #EXTINF:-1,favicon,D=1,CRC32C=b7d2c3ab,CL=4096,UT=20240328T051457Z, favicon/.stack #EXTINF:-1,robots,USER-AGENT=*,DISALLOW=/users/,DESCRIPTION=\n,CRC32C=8ef1fffb,CL=79,UT=20240326T084250Z, robots.txt #EXTINF:-1,article,D=1,FOOTER=\n\n![.stack/fullname=/./article-profile-d " "]\n\n \n \n \n\n,HEADER=style\n .article_container p{\n line-height: 1.8;\n font-size: 14px;\n margin-bottom: 40px;\n }\n .interview_top_container .cap2 {\n display: block;\n position: absolute;\n font-size: 12px;\n margin-top: 5px; writing-mode: inherit; left: 0; top: inherit; \n }\n\ndiv.interview_top_container:\n div.interview_inner_top_container: ![$Thumbnail]\n div.cap1:\n div.cap2:\n\ndiv.article_info_container:\n div.article_info_title_container: [parse $Subject]\n\ndiv.profile_container:\n .profile_border:\n .profile_inner_container: [parse $Credit]\n\n\n\n,META=import: /article.js\nsimpleParse: 1\nclass: '$PubType' == 'case' ? 'interview_top_container' : ''\ntestmeta: 2\n,CRC32C=804bd7ac,CL=12288,UT=20240326T055726Z, article/.stack #EXTINF:-1,index,IMPORT=/snippets/wordd.js,DASH=-,CLASS=top_index top_index_constant,DESCRIPTION=\n,CRC32C=6bc0d621,CL=9199,UT=20240326T053351Z, index.mem #EXTINF:-1,ABOUT,DESCRIPTION=\n.all_container\n .about_contents_container\n .about_row_container.title\n img[width=100%][src=clip-202307282103181.jpg]:\n,CRC32C=87c553ff,CL=12539,UT=20240228T091318Z, about.mem #EXTINF:-1,GALLERY,RT=20230728T074935Z,ROLLBACK-BY=NA,ROLLBACK-SRC=UC6aesH.5Ap9hfQtH.7uM58I6Mk.1SezDntQZ.5R5k2ERe4,DESCRIPTION=\n