{"id":1106,"date":"2024-04-25T07:36:49","date_gmt":"2024-04-25T07:36:49","guid":{"rendered":"https:\/\/jupiter-groups.visibleone.io\/%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9\/"},"modified":"2024-05-07T02:34:26","modified_gmt":"2024-05-07T02:34:26","slug":"%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9","status":"publish","type":"page","link":"https:\/\/jupiter-groups.visibleone.io\/ja\/%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9\/","title":{"rendered":"\u30cb\u30e5\u30fc\u30b9"},"content":{"rendered":"<div class=\"\">\n    <div class=\"relative min-h-52 md:min-h-60 lg:min-h-[322px] flex justify-center items-center \">\n                <img decoding=\"async\" class=\"absolute w-full h-full inset-0 object-cover\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/uploads\/2024\/04\/jupiter-news-banner.jpg\"\n            alt=\"Jupiter News Banner\" \/>\n        \n        <div class=\"container z-10  text-white\">\n            <div class='container-md '>\n                <h1 class=\"heading1 font-bold leading-[1.2] uppercase\"> \u30cb\u30e5\u30fc\u30b9<\/h1>\n            <\/div>\n        <\/div>\n        <div class=\"absolute inset-0 w-full h-full  bg-banner-gradient \"><\/div>\n    <\/div>\n    <div>\n        <div class=\"h-[28px] w-full bg-primaryblue\"><\/div>\n        <div class=\"h-[6px] w-full bg-green\"><\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"breadcrumbs\">\n    <div class=\"container\">\n        <div class=\"container-md mt-1 py-5 3xl:py-6 font-medium\">\n            <div class=\"breadcrumb-items\">\n                <a class=\"page-link\" href=\"https:\/\/jupiter-groups.visibleone.io\/ja\/\">\u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"my-5 lg:mb-10 lg:mt-[30px]\" id=\"hkcJupiterNews\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"wrapper\">\n                <div class=\"search-form\">\n                    <form id=\"searchForm\" action=\"https:\/\/jupiter-groups.visibleone.io\/ja\/%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9\/\" method=\"GET\">\n  <button class=\"filters-btn\" type=\"button\">\n    <svg class=\"size-6 align-middle overflow-hidden pointer-events-none\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path d=\"M640 288a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 288z m123.456-96c-14.304-55.04-64-96-123.456-96s-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896V192h-132.544zM640 864a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 864m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64h-132.544c-14.304-55.04-64-96-123.456-96M384 576a64 64 0 1 1 0.032-128.032A64 64 0 0 1 384 576m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h132.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64H507.456c-14.304-55.04-64-96-123.456-96\" class=\"fill-primaryblue transition-all\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"dd-wrapper\">\n    <div class=\"dd-items\">\n              <div class=\"form-item\">\n          <label for=\"year\">\n            \u5e74          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"year\" id=\"year\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <input class=\"oprt-value\" name=\"year_oprt\" id=\"year_oprt\" type=\"text\" readonly value=\"\" aria-hidden=\"true\" \/>\n                            <p class=\"display-ele\">All<\/p>\n\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"2024\" >2024<\/li>\n                                  <li data-value=\"2023\" >2023<\/li>\n                                  <li data-value=\"2022\" >2022<\/li>\n                                  <li data-value=\"2021\" data-oprt=\"1\">2021 and before<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"category\">\n            \u30ab\u30c6\u30b4\u30ea\u30fc          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"tag\" id=\"tag\" type=\"text\" readonly value=\"\" aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"43\">GSSA<\/li>\n                                  <li data-value=\"46\">\u30b5\u30d7\u30e9\u30a4\u30c1\u30a7\u30fc\u30f3\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/li>\n                                  <li data-value=\"44\">\u30ed\u30b8\u30b9\u30c6\u30a3\u30af\u30b9<\/li>\n                                  <li data-value=\"45\">\u6d77\u4e0a\u8f38\u9001\u8ca8\u7269<\/li>\n                                  <li data-value=\"41\">\u7523\u696d\u7528\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/li>\n                                  <li data-value=\"42\">\u822a\u7a7a\u8ca8\u7269<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n              <div class=\"form-item\">\n          <label for=\"location\">\n            \u5834\u6240          <\/label>\n          <div class=\"custom-select-wrapper\">\n            <div class=\"custom-select\">\n              <input class=\"select-value\" name=\"location\" id=\"location\" type=\"text\" readonly value=\"\"\n                aria-hidden=\"false\" \/>\n              <p class=\"display-ele\">All<\/p>\n              <div class=\"arrow\">\n                <img decoding=\"async\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n              <\/div>\n            <\/div>\n\n            <div class=\"select-options\">\n              <ul>\n                <li data-value=\"\">All<\/li>\n                                  <li data-value=\"17\">China<\/li>\n                                  <li data-value=\"18\">Japan<\/li>\n                                  <li data-value=\"22\">Malaysia<\/li>\n                                  <li data-value=\"19\">Myanmar<\/li>\n                                  <li data-value=\"20\">Philippines<\/li>\n                                  <li data-value=\"21\">Singapore<\/li>\n                                  <li data-value=\"23\">Thailand<\/li>\n                              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n      <div class=\"form-item\">\n        <label for=\"s_order\">\n          \u4e26\u3079\u66ff\u3048        <\/label>\n        <div class=\"custom-select-wrapper\">\n          <div class=\"custom-select\">\n            <input class=\"select-value\" name=\"s_order\" id=\"s_order\" type=\"text\" readonly value=\"desc\" aria-hidden=\"false\" \/>\n            <p class=\"display-ele\">\u65b0\u3057\u3044\u3082\u306e\u304b\u3089\u53e4\u3044\u3082\u306e\u3078            <\/p>\n            <div class=\"arrow\">\n              <img decoding=\"async\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-down-arrow.svg\" alt=\"Down Arrow\" \/>\n            <\/div>\n          <\/div>\n\n          <div class=\"select-options\">\n            <ul>\n              <li data-value=\"desc\">\u65b0\u3057\u3044\u3082\u306e\u304b\u3089\u53e4\u3044\u3082\u306e\u3078<\/li>\n              <li data-value=\"asc\">\u53e4\u3044\u3082\u306e\u304b\u3089\u65b0\u3057\u3044\u3082\u306e\u3078<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-item\">\n    <div class=\"search-input\">\n      <div class=\"mr-2.5 flex-1\">\n        <label for=\"search\" aria-hidden=\"false\">Search<\/label>\n        <input type=\"text\" id=\"search\" name=\"search\" value=\"\"\n          placeholder=\"Search...\" \/>\n      <\/div>\n\n      <div class=\"flex items-center shrink-0\">\n        <label for=\"submit\" aria-hidden=\"false\">submit<\/label>\n        <button type=\"submit\" id=\"submit\" class=\"size-6 p-1\">\n          <img decoding=\"async\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/themes\/jupiter-group\/public\/images\/jupiter-search-icon.svg\" alt=\"Search Icon\"\n            class=\"size-full object-contain\" \/>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/form>                <\/div>\n\n                <div class=\"relative\">\n                    <div\n                        class=\"loading hidden absolute w-full h-full left-0 top-0 bg-[#ffffffCC] items-center justify-center z-[1]\">\n                        <p class=\"text-normal\">Loading&#8230;<\/p>\n                    <\/div>\n\n                    <div\n                        class=\"result-info my-5 md:my-8 xl:mb-10 xl:mt-12 text-primary heading6 hidden\">\n                        <h5 class=\"font-medium mb-2.5\">\n                            Search results about                            &#8220;<span class=\"searched-value\"><\/span>&#8221;\n                        <\/h5>\n                        <p class=\"font-normal\">\n                            <span class=\"total-result\">1<\/span>\n                            related results                        <\/p>\n                    <\/div>\n\n                    <div class=\"search-result relative\">\n                        \n<a href=\"https:\/\/jupiter-groups.visibleone.io\/ja\/new\/bix-bioplus-interphex-korea\/\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n  <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n    <img decoding=\"async\" src=\"https:\/\/jupiter-groups.visibleone.io\/wp-content\/uploads\/2022\/02\/KakaoTalk_20230712_132225437_01.jpg\" alt=\"BIX &#8211; BIOPLUS INTERPHEX KOREA\"\n      class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n  <\/div>\n\n  <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n    <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\">\u822a\u7a7a\u8ca8\u7269<\/h4>\n    <h3 class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n      BIX &#8211; BIOPLUS INTERPHEX KOREA    <\/h3>\n    <div class=\"flex flex-wrap justify-start items-center\">\n      <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">13 May 2024<\/p>\n              <p class=\"py-2 md:py-2.5 3xl:py-3 px-4 md:px-5 bg-grey mr-2 last:mr-0 rounded-[24px] text-darkgrey mt-2 md:mt-4 body\">\n          \u30ed\u30b8\u30b9\u30c6\u30a3\u30af\u30b9        <\/p>\n              <p class=\"py-2 md:py-2.5 3xl:py-3 px-4 md:px-5 bg-grey mr-2 last:mr-0 rounded-[24px] text-darkgrey mt-2 md:mt-4 body\">\n          \u822a\u7a7a\u8ca8\u7269        <\/p>\n          <\/div>\n    <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\"><p class=\"p1\">JUPITER EXPRESS CO., LTD (Jupiter Express) is thrilled to announce our participation in the BIX &#8211; BIOPLUS INTERPHEX KOREA event! As in a leading position in the Korean bio-cold chain field, we are excited to join this prestigious exhibition that showcases the bio-pharmaceutical industry&#8217;s latest advancements and innovations.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"p1\">BIX &#8211; BIOPLUS INTERPHEX KOREA is a renowned event that brings together key players, experts, and industry leaders from around the world. It serves as a vital platform to exchange knowledge, foster collaborations, and explore opportunities in the bio-pharmaceutical sector.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"p1\">By participating in this event, Jupiter Express aims to showcase our expertise in providing comprehensive logistics solutions tailored to the unique needs of the bio-pharmaceutical industry. We understand the criticality of time-sensitive and temperature-controlled shipments, and our specialized services ensure the safe and efficient transportation of pharmaceutical products, medical devices, and related supplies.<\/p>\n<p>&nbsp;<\/p>\n<p class=\"p1\">Joining BIX &#8211; BIOPLUS INTERPHEX KOREA allows us to connect with industry professionals, gain insights into emerging trends, and strengthen our partnerships within the bio-pharmaceutical community. We are eager to engage with visitors, share our logistics capabilities, and explore collaborative opportunities that contribute to the growth and success of the industry.<\/p>\n<\/div>\n    <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n      <span class='text-primaryblue mr-1.5 heading5'>\u7d9a\u304d\u3092\u8aad\u3080<\/span>\n      <div class=\"size-2.5 lg:size-[15px]\">\n        <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n            class=\"fill-primaryblue\" \/>\n        <\/svg>\n      <\/div>\n    <\/span>\n  <\/div>\n<\/a>                    <\/div>\n\n                    <div class=\"pagination flex justify-center md:justify-end items-center mt-5 lg:mt-10\">\n  <button\n    class=\"prev-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\"\n    disabled>\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\n        d=\"M10.0053 2.68714C10.087 2.77085 10.1328 2.88323 10.1328 3.00026C10.1328 3.11729 10.087 3.22967 10.0053 3.31339L5.43682 7.99995L10.0053 12.6856C10.087 12.7693 10.1328 12.8817 10.1328 12.9987C10.1328 13.1157 10.087 13.2281 10.0053 13.3118C9.96552 13.3526 9.91799 13.3851 9.8655 13.4072C9.81301 13.4294 9.75661 13.4408 9.69964 13.4408C9.64266 13.4408 9.58626 13.4294 9.53377 13.4072C9.48128 13.3851 9.43376 13.3526 9.39401 13.3118L4.53589 8.32713C4.45056 8.2396 4.40281 8.12219 4.40281 7.99995C4.40281 7.8777 4.45056 7.7603 4.53589 7.67276L9.39401 2.68807C9.43376 2.64725 9.48128 2.6148 9.53377 2.59265C9.58626 2.5705 9.64266 2.55908 9.69964 2.55908C9.75661 2.55908 9.81301 2.5705 9.8655 2.59265C9.91799 2.6148 9.96552 2.64725 10.0053 2.68807V2.68714Z\"\n        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"pagination-number flex\"><\/div>\n\n  <button\n    class=\"next-btn size-4 lg:size-5 flex items-center justify-center disabled:opacity-50 transition group\">\n    <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\">\n      <path\n        d=\"M4.99474 2.68714C4.91297 2.77085 4.86719 2.88323 4.86719 3.00026C4.86719 3.11729 4.91297 3.22967 4.99474 3.31339L9.56318 7.99995L4.99474 12.6856C4.91297 12.7693 4.86719 12.8817 4.86719 12.9987C4.86719 13.1157 4.91297 13.2281 4.99474 13.3118C5.03448 13.3526 5.08201 13.3851 5.1345 13.4072C5.18699 13.4294 5.24339 13.4408 5.30036 13.4408C5.35734 13.4408 5.41374 13.4294 5.46623 13.4072C5.51872 13.3851 5.56624 13.3526 5.60599 13.3118L10.4641 8.32713C10.5494 8.2396 10.5972 8.12219 10.5972 7.99995C10.5972 7.8777 10.5494 7.7603 10.4641 7.67276L5.60599 2.68807C5.56624 2.64725 5.51872 2.6148 5.46623 2.59265C5.41374 2.5705 5.35734 2.55908 5.30036 2.55908C5.24339 2.55908 5.18699 2.5705 5.1345 2.59265C5.08201 2.6148 5.03448 2.64725 4.99474 2.68807V2.68714Z\"\n        class=\"transition-all fill-[#C4C4C4] group-enabled:group-hover:fill-black stroke-[#C4C4C4] group-enabled:group-hover:stroke-black\"\n        stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n<\/div>                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const per_page = 4;\n    let totalPages = 1;\n    let current = 1;\n    let totalPosts = 0;\n\n    document.addEventListener('DOMContentLoaded', function () {\n      const loading = document.querySelector('#hkcJupiterNews .loading');\n      const form = document.querySelector('#hkcJupiterNews .search-form form');\n      const paginationNumber = document.querySelector('#hkcJupiterNews .pagination-number');\n      const prevBtn = document.querySelector('#hkcJupiterNews .pagination .prev-btn');\n      const nextBtn = document.querySelector('#hkcJupiterNews .pagination .next-btn');\n      const selectInputs = document.querySelectorAll('#hkcJupiterNews form .custom-select .select-value');\n\n      selectInputs.forEach(select => {\n        select.addEventListener('change', function() {\n          current = 1;\n          submitForm();\n        });\n      });\n\n      if (prevBtn) {\n        prevBtn.addEventListener(\"click\", function () {\n          if (current - 1 > 0) {\n            current -= 1;\n            submitForm();\n\n            if (nextBtn.disabled) {\n              nextBtn.removeAttribute('disabled');\n            }\n\n            if (current - 1 < 1) {\n              prevBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (nextBtn) {\n        nextBtn.addEventListener(\"click\", function () {\n          if (current + 1 <= totalPages) {\n            current += 1;\n            submitForm();\n\n            if (prevBtn.disabled) {\n              prevBtn.removeAttribute('disabled');\n            }\n\n            if (current + 1 > totalPages) {\n              nextBtn.setAttribute('disabled', true);\n            }\n          }\n        });\n      }\n\n      if (form) {\n        form.addEventListener('submit', function (e) {\n          e.preventDefault();\n          current = 1;\n          submitForm();\n        });\n      }\n\n      if (paginationNumber) {\n        handlePagination();\n      }\n\n      \/**\n     * @param {Object} param\n     * @param {String} param.location\n     * @param {String} param.search \n     * @param {String} param.s_order\n     * @param {String} param.tag\n     * @param {Number} param.s_year\n     * @param {Number} param.year_oprt\n     * @param {Number} param.current\n     * @param {Number} param.per_page\n     *\/\n      function searchPosts(param) {\n        if (loading) loading.style.display = \"flex\";\n        const baseUrl = 'https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/new';\n\n        const allQueryParam = Object.assign({}, param);\n        allQueryParam.order = param.s_order;\n        delete allQueryParam.s_order;\n        delete allQueryParam.current;\n        delete allQueryParam.per_page;\n\n\n        const allQueryString = Object.keys(allQueryParam).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(allQueryParam[key])).join('&');\n        const allQueryUrl = baseUrl + \"?\" + allQueryString;\n\n        fetch(allQueryUrl) \/\/ fetch total posts\n          .then(res => res.json())\n          .then(posts => {\n            if (loading) loading.style.display = \"none\";\n            totalPosts = posts.length;\n            totalPages = Math.ceil(posts.length \/ param.per_page);\n            console.log(totalPages);\n            \/* split posts for pagination *\/\n            const startIndex = param.current > 1 ? (param.current - 1) * param.per_page : 0;\n            const postsToDisplay = posts.slice(startIndex, startIndex + param.per_page);\n            \/\/ console.log(\"Posts => \", posts);\n            \/\/ console.log(\"StartIndex => \", startIndex);\n            \/\/ console.log(\"End Index => \", startIndex + param.per_page);\n            \/\/ console.log(\"postsToDisplay => \", postsToDisplay);\n            displayPost(postsToDisplay);\n            handlePagination();\n          })\n          .catch(e => {\n            console.log(e);\n          });\n\n        const currentUrl = window.location.href.split('?')[0];\n        const originalQueryString = Object.keys(param).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(param[key])).join('&');\n        const newUrl = `${currentUrl}?${originalQueryString}`;\n        window.history.replaceState({}, document.title, newUrl);\n      }\n\n      function displayPost(posts) {\n        const content = document.querySelector('#hkcJupiterNews .search-result');\n        const resultInfo = document.querySelector('#hkcJupiterNews .result-info');\n        const searchInputValue = document.querySelector('#hkcJupiterNews .search-form input#search').value;\n        const searchedValue = resultInfo.querySelector('.searched-value');\n        const totalPost = resultInfo.querySelector('.total-result');\n\n        if (content) {\n          content.innerHTML = \"\";\n          const updateHTML = [];\n          if (posts.length) {\n            if (searchInputValue.length) {\n              if (resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.remove('hidden');\n              }\n            } else {\n              if (!resultInfo.classList.contains('hidden')) {\n                resultInfo.classList.add('hidden');\n              }\n            }\n\n            searchedValue.innerText = searchInputValue;\n            totalPost.innerText = totalPosts;\n            posts.forEach(post => {\n              const html = `\n                    <a href=\"${post.link}\" class=\"block relative group cursor-pointer gap-[24px] mb-5 md:mb-8 lg:mb-10 last:mb-0 pb-5 md:pb-8 lg:pb-10 lg:flex result-card\">\n                      <div class=\"relative h-auto w-full lg:max-w-[424px] max-h-[350px] lg:w-[40%] xl:w-[45%] lg:flex lg:max-h-max overflow-hidden max-lg:aspect-[5\/2] aspect-[53\/44] 3xl:min-h-[356px]\">\n                          <img decoding=\"async\" src=\"${post.featured_media_url}\" alt=\"${post.title.rendered}\"\n                              class=\"size-full object-cover group-hover:scale-110 duration-200\" \/>\n                      <\/div>\n\n                      <div class=\"w-full lg:w-[60%] xl:w-[55%] mt-5 lg:mt-0 flex flex-1 flex-col\">\n                        <h4 class=\"heading5 text-primaryblue font-medium mb-[8px]\">${post.excerpt.rendered}<\/h4>\n                        <h3\n                            class=\"group-hover:opacity-60 duration-100 heading4 text-darkgrey font-medium\">\n                            ${removeTagsAndEscape(post.title.rendered)}\n                        <\/h3>\n                        <div class=\"flex flex-wrap justify-start items-center\">\n                            <p class=\"text-primaryblue mr-[22px] mt-2 md:mt-4 body\">${formatDate(new Date(post.date))}<\/p>\n                              ${post.tags ?\n                  (\n                    post.tags.map(tag => (\n                      `<p class=\"py-2 md:py-2.5 3xl:py-3 px-4 md:px-5 bg-grey mr-2 last:mr-0 rounded-[24px] text-darkgrey mt-2 md:mt-4 body\">${tag}<\/p>`\n                    )).join('')\n                  ) : ''\n                }\n                        <\/div>\n                        <div class=\"my-5 text-primary leading-6 md:leading-7 heading6 line-clamp-6\">${post.description}<\/div>\n                        <span class=\"mt-auto flex items-center font-bold group-hover:opacity-60 duration-100\">\n                          <span class='text-primaryblue mr-1.5'>\u7d9a\u304d\u3092\u8aad\u3080<\/span>\n                          <div class=\"size-2.5 lg:size-[15px]\">\n                            <svg class=\"size-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 10 16\" fill=\"none\">\n                              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                d=\"M-8.74228e-08 14L6 8L-6.11959e-07 2L2 -8.74228e-08L10 8L2 16L-8.74228e-08 14Z\"\n                                class=\"fill-primaryblue\" \/>\n                            <\/svg>\n                          <\/div>\n                        <\/span>\n                      <\/div>\n                    <\/a>`;\n              updateHTML.push(html);\n            });\n          } else {\n            if (!resultInfo.classList.contains('hidden')) {\n              resultInfo.classList.add('hidden');\n            }\n\n            updateHTML.push(`\n            <h5 class=\"heading5 font-bold text-primaryblue my-5 md:mt-8 xl:mt-12\">No Results Found.<\/h5>`);\n          }\n          content.innerHTML = updateHTML.join('');\n        }\n      }\n\n      function formatDate(date) {\n        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n        const day = date.getDate();\n        const month = months[date.getMonth()];\n        const year = date.getFullYear();\n        return `${day} ${month} ${year}`;\n      }\n\n      function removeTagsAndEscape(input) {\n        \/\/ Remove HTML tags\n        const withoutTags = input.replace(\/<[^>]*>\/g, '');\n        \/\/ Remove escape characters such as '\\n'\n        const cleanText = withoutTags.replace(\/\\\\n\/g, '');\n\n        return cleanText;\n      }\n\n      function generatePaginationBtn(i) {\n        const btn = document.createElement('button');\n        btn.setAttribute('data-page', i);\n        return btn;\n      }\n\n      function generateFoldSpan() {\n        const span = document.createElement('span');\n        span.className = \"size-5 flex items-center justify-center text-large font-semibold mr-2.5 md:mr-5 text-[rgba(93,102,110,0.70)] cursor-default\";\n        span.innerText = \"...\"\n        return span;\n      }\n\n      function handlePagination() {\n        paginationNumber.innerHTML = \"\";\n\n        let prevFolded = false;\n        let nextFolded = false;\n        for (let i = 1; i <= totalPages; i++) {\n          const btn = generatePaginationBtn(i);\n          if (i == current) {\n            btn.classList.add('active');\n          }\n          btn.innerText = i;\n\n          btn.addEventListener(\"click\", function () {\n            current = parseInt(btn.dataset.page);\n            const activeBtn = document.querySelector('#hkcJupiterNews .pagination-number button.active');\n            activeBtn.classList.remove('active');\n            this.classList.add('active');\n\n            submitForm();\n\n            if (current == totalPages) {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              nextBtn.setAttribute(\"disabled\", true)\n            } else if (current == 1) {\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n              prevBtn.setAttribute(\"disabled\", true);\n            } else {\n              if (prevBtn.disabled) prevBtn.removeAttribute(\"disabled\");\n              if (nextBtn.disabled) nextBtn.removeAttribute(\"disabled\");\n            }\n          });\n\n          if (i == 1 || i == totalPages || i == current) {\n            paginationNumber.appendChild(btn);\n          } else if (i < current) {\n            let nextThreshold = current == totalPages ? 3 : 2;\n            if (i > current - nextThreshold) {\n              paginationNumber.appendChild(btn);\n            } else {\n              let maxLength = 3;\n              if (current > totalPages - maxLength) {\n                if (totalPages - current > 1) {\n                  maxLength = 4;\n                } else {\n                  maxLength = 5;\n                }\n              }\n\n              const currentLength = paginationNumber.children.length;\n              if (i < maxLength) {\n                if (currentLength < maxLength) {\n                  paginationNumber.appendChild(btn);\n                }\n              } else if (!prevFolded) {\n                prevFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              }\n            }\n          } else {\n            const nextMax = current == 1 ? 4 : current == 2 ? 3 : 2;\n            if (i < current + nextMax) {\n              paginationNumber.appendChild(btn);\n            } else {\n              if (!nextFolded) {\n                nextFolded = true;\n                paginationNumber.appendChild(generateFoldSpan());\n              } else {\n                const lastThreshold = totalPages - 3;\n                const maxLength = 7;\n                const currentLength = paginationNumber.children.length;\n                if (i > lastThreshold && currentLength < maxLength) {\n                  if (totalPages - i == maxLength - currentLength) {\n                    paginationNumber.appendChild(btn);\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n\n      function submitForm() {\n        if(form) {\n          const formData = Object.fromEntries(new FormData(form).entries());\n\n          searchPosts({\n            location: formData.location,\n            search: formData.search,\n            s_order: formData.s_order,\n            tag: formData.tag,\n            s_year: formData.year,\n            year_oprt: formData.year_oprt,\n            current: current,\n            per_page: per_page\n          });\n        }\n      }\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"enquiry_type":[],"class_list":["post-1106","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/pages\/1106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/comments?post=1106"}],"version-history":[{"count":2,"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/pages\/1106\/revisions"}],"predecessor-version":[{"id":1256,"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/pages\/1106\/revisions\/1256"}],"wp:attachment":[{"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/media?parent=1106"}],"wp:term":[{"taxonomy":"enquiry_type","embeddable":true,"href":"https:\/\/jupiter-groups.visibleone.io\/ja\/wp-json\/wp\/v2\/enquiry_type?post=1106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}