{"id":269,"date":"2026-05-30T00:44:57","date_gmt":"2026-05-29T15:44:57","guid":{"rendered":"https:\/\/www.relicxys.com\/shop\/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b\/"},"modified":"2026-06-02T21:32:32","modified_gmt":"2026-06-02T12:32:32","slug":"%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b","status":"publish","type":"page","link":"https:\/\/www.relicxys.com\/shop\/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b\/","title":{"rendered":"\u304a\u77e5\u3089\u305b"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* \u30cb\u30e5\u30fc\u30b9\u5168\u4f53\u30fb\u30c7\u30b6\u30a4\u30f3\u306e\u5171\u901a\u8a2d\u5b9a *\/\n.news a {\n    text-decoration: none;\n    color: #333;\n}\n.news ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n.news {\n    padding: 60px 0;\n    background: #f9f9f9;\n}\n.inner {\n    max-width: 1200px;\n    width: 90%;\n    margin: 0 auto;\n}\n.sub_ttl {\n    font-size: 28px;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 40px;\n}\n.news_list {\n    border-top: 1px solid #ddd;\n    width: 100%;\n}\n.news_list_item {\n    border-bottom: 1px solid #ddd;\n}\n.news_list_item a {\n    display: flex;\n    align-items: center;\n    padding: 22px 45px 22px 15px;\n    position: relative;\n    transition: background 0.3s;\n}\n.news_list_item a:hover {\n    background-color: #fff;\n}\n.news_date {\n    font-size: 14px;\n    color: #888;\n    margin-right: 25px;\n    flex-shrink: 0;\n}\n\n\/* \u30ab\u30c6\u30b4\u30ea\u30bf\u30b0\u306e\u5171\u901a\u30d9\u30fc\u30b9 *\/\n.news_category {\n    font-size: 12px;\n    font-weight: bold;\n    color: #fff;\n    padding: 4px 12px;\n    border-radius: 4px;\n    margin-right: 25px;\n    flex-shrink: 0;\n    text-align: center;\n    min-width: 85px;\n}\n\n\/* \u901a\u5e38\u306e\u304a\u77e5\u3089\u305b\uff08notice\uff09\u306f\u30aa\u30ec\u30f3\u30b8\u8272 *\/\n.news_category.cat-notice {\n    background: #e67e22;\n}\n\n\/* \u7dca\u6025\u306e\u304a\u77e5\u3089\u305b\uff08urgent-notice\uff09\u306f\u8d64\u8272 *\/\n.news_category.cat-urgent-notice {\n    background: #d63031;\n}\n\n.news_title {\n    margin: 0;\n    font-size: 15px;\n    line-height: 1.6;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex-grow: 1;\n}\n\n\/* \u77e2\u5370\uff08\uff1e\uff09\u306e\u81ea\u52d5\u751f\u6210 *\/\n.news_list_item a::after {\n    content: \"\";\n    position: absolute;\n    right: 20px;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    border-top: 2px solid #999;\n    border-right: 2px solid #999;\n    transform: translateY(-50%) rotate(45deg);\n}\n\n.loading-message {\n    padding: 20px;\n    text-align: center;\n    color: #888;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc\u306e\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media screen and (max-width: 768px) {\n    .news_list_item a {\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 15px 30px 15px 10px;\n    }\n    .news_date, .news_category {\n        margin-bottom: 5px;\n    }\n    .news_title {\n        white-space: normal;\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ \u53d6\u5f97\u3057\u305f\u3044\u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u30b9\u30e9\u30c3\u30b0\uff08\u914d\u5217\u5f62\u5f0f\u3067\u8907\u6570\u6307\u5b9a\u53ef\u80fd\uff09\n    const categorySlugs = ['notice', 'urgent-notice']; \n    const postCount = 5; \/\/ \u8868\u793a\u3057\u305f\u3044\u6700\u5927\u4ef6\u6570\n\n    \/\/ 1. \u30b9\u30e9\u30c3\u30b0\u540d\u304b\u3089WordPress\u306e\u5185\u90e8ID\u3092\u307e\u3068\u3081\u3066\u9006\u5f15\u304d\n    fetch(`https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/categories?slug=${categorySlugs.join(',')}`)\n        .then(res => res.json())\n        .then(cats => {\n            if (!cats || cats.length === 0) {\n                document.getElementById(\"wp-news-list-1\").innerHTML = '<li class=\"loading-message\">\u6307\u5b9a\u3055\u308c\u305f\u30ab\u30c6\u30b4\u30ea\u30fc\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002<\/li>';\n                return;\n            }\n            \n            \/\/ \u898b\u3064\u304b\u3063\u305f\u8907\u6570\u306eID\u3092\u30ab\u30f3\u30de\u533a\u5207\u308a\u306e\u6587\u5b57\u5217\u306b\u3059\u308b\uff08\u4f8b: \"3,7\"\uff09\n            const realIds = cats.map(c => c.id).join(',');\n            \n            \/\/ 2. \u305d\u306eID\u7fa4\u306b\u8a72\u5f53\u3059\u308b\u8a18\u4e8b\u3092\u307e\u3068\u3081\u3066\u53d6\u5f97\n            return fetch(`https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/posts?per_page=${postCount}&categories=${realIds}&_embed`);\n        })\n        .then(res => res.json())\n        .then(posts => {\n            const list = document.getElementById(\"wp-news-list-1\");\n            list.innerHTML = posts.length === 0 ? '<li class=\"loading-message\">\u8a18\u4e8b\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/li>' : '';\n            \n            posts.forEach(post => {\n                \/\/ \u65e5\u4ed8\u306e\u6574\u5f62 (YYYY.MM.DD)\n                const date = new Date(post.date);\n                const fDate = `${date.getFullYear()}.${String(date.getMonth() + 1).padStart(2, '0')}.${String(date.getDate()).padStart(2, '0')}`;\n                \n                \/\/ \u30ab\u30c6\u30b4\u30ea\u540d\u3068\u30b9\u30e9\u30c3\u30b0\u3092\u53d6\u5f97\u3057\u3066\u30af\u30e9\u30b9\u540d\u306b\u5229\u7528\n                const catInfo = post._embedded?.['wp:term']?.[0]?.[0];\n                const catName = catInfo ? catInfo.name : \"\u304a\u77e5\u3089\u305b\";\n                const catSlug = catInfo ? catInfo.slug : \"\";\n\n                \/\/ HTML\u30b3\u30fc\u30c9\u3092\u52d5\u7684\u306b\u751f\u6210\u3057\u3066\u8ffd\u52a0\n                list.insertAdjacentHTML('beforeend', `\n                    <li class=\"news_list_item\">\n                        <a href=\"${post.link}\" target=\"_blank\" rel=\"noopener noreferrer\">\n                            <time class=\"news_date\">${fDate}<\/time>\n                            <span class=\"news_category cat-${catSlug}\">${catName}<\/span>\n                            <p class=\"news_title\">${post.title.rendered}<\/p>\n                        <\/a>\n                    <\/li>\n                `);\n            });\n        })\n        .catch(() => { \n            document.getElementById(\"wp-news-list-1\").innerHTML = '<li class=\"loading-message\">\u8aad\u307f\u8fbc\u307f\u30a8\u30e9\u30fc\u3002<\/li>'; \n        });\n});\n<\/script>\n\n<section class=\"news\">\n  <div class=\"inner\">\n    <h2 class=\"sub_ttl\">\u304a\u77e5\u3089\u305b<\/h2>\n    \n    <ul class=\"news_list\" id=\"wp-news-list-1\">\n      <li class=\"loading-message\">\u8aad\u307f\u8fbc\u307f\u4e2d\u3067\u3059&#8230;<\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u77e5\u3089\u305b \u8aad\u307f\u8fbc\u307f\u4e2d\u3067\u3059&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":10,"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/pages\/269\/revisions\/341"}],"wp:attachment":[{"href":"https:\/\/www.relicxys.com\/shop\/wp-json\/wp\/v2\/media?parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}