{"id":4410,"date":"2026-05-10T00:04:18","date_gmt":"2026-05-09T15:04:18","guid":{"rendered":"https:\/\/amanashian.com\/?page_id=4410"},"modified":"2026-05-10T10:51:13","modified_gmt":"2026-05-10T01:51:13","slug":"%e5%8e%9f%e7%a5%9e%e3%83%bb%e3%82%b9%e3%82%b1%e3%83%bc%e3%82%b8%e3%83%a5%e3%83%bc%e3%83%ab%e7%ae%a1%e7%90%86%e3%83%84%e3%83%bc%e3%83%ab","status":"publish","type":"page","link":"https:\/\/amanashian.com\/?page_id=4410","title":{"rendered":"\u539f\u795e\u30fb\u30b9\u30b1\u30fc\u30b8\u30e5\u30fc\u30eb\u7ba1\u7406\u30c4\u30fc\u30eb"},"content":{"rendered":"\n<div class=\"wp-block-jin-gb-block-box simple-box2\">\n<p>\u65c5\u4eba\u306e\u7686\u3055\u3093\u3001\u3053\u3093\u306b\u3061\u306f\uff01<\/p>\n\n\n\n<p>\u300cGoogle\u30ab\u30ec\u30f3\u30c0\u30fc\u300d\u3092\u6d3b\u7528\u3057\u3066\u3001\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3084\u4e88\u544a\u756a\u7d44\u3001\u30ac\u30c1\u30e3\u66f4\u65b0\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3060\u3051\u3067\u306a\u304f\u3001\u7279\u7523\u54c1\u7b49\u306e\u6b21\u306e\u56de\u53ce\u30bf\u30a4\u30df\u30f3\u30b0\u306a\u3069\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u30ab\u30ec\u30f3\u30c0\u30fc\u306b\u767b\u9332\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30c4\u30fc\u30eb\u306b\u306a\u308a\u307e\u3059\uff01<\/p>\n\n\n\n<p>\u305c\u3072\u6d3b\u7528\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u3068\u5b09\u3057\u3044\u3067\u3059\uff01<\/p>\n\n\n\n<p>\u203b\u30ab\u30ec\u30f3\u30c0\u30fc\u306b\u767b\u9332\u6642\u306b\u3001&#8221;\u30bf\u30a4\u30c8\u30eb\u3092\u5909\u66f4&#8221;\u3059\u308b\u3068\u3001\u4ed6\u306e\u4eba\u306b\u898b\u3089\u308c\u3066\u3082\u6065\u305a\u304b\u3057\u304f\u306a\u3044\u767b\u9332\u540d\u306b\u3067\u304d\u307e\u3059\uff01<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-jin-gb-block-border jin-sen\"><div class=\"jin-sen-solid\" style=\"border-width:3px;border-color:#f7f7f7\"><\/div><\/div>\n\n\n\n<div class=\"max-w-4xl mx-auto bg-slate-900 rounded-[2.5rem] border border-slate-800 p-8 shadow-2xl overflow-hidden mt-6\">\n    <div class=\"text-center mb-6\">\n        <span class=\"inline-block bg-indigo-500 text-white text-[10px] font-bold px-3 py-1 rounded-md mb-2 tracking-widest uppercase\">Next Update<\/span>\n        <h2 class=\"text-2xl font-bold text-white\">\u6b21\u306e\u30ac\u30c1\u30e3\u66f4\u65b0\u30fb\u30a2\u30d7\u30c7\u307e\u3067<\/h2>\n    <\/div>\n    \n    <div class=\"grid grid-cols-4 gap-2 text-center\">\n        <div class=\"bg-slate-800 p-4 rounded-2xl border border-slate-700\">\n            <div id=\"days_cd\" class=\"text-2xl font-bold text-[#deff9a]\">00<\/div>\n            <div class=\"text-[9px] text-slate-500 uppercase\">Days<\/div>\n        <\/div>\n        <div class=\"bg-slate-800 p-4 rounded-2xl border border-slate-700\">\n            <div id=\"hours_cd\" class=\"text-2xl font-bold text-[#deff9a]\">00<\/div>\n            <div class=\"text-[9px] text-slate-500 uppercase\">Hours<\/div>\n        <\/div>\n        <div class=\"bg-slate-800 p-4 rounded-2xl border border-slate-700\">\n            <div id=\"mins_cd\" class=\"text-2xl font-bold text-[#deff9a]\">00<\/div>\n            <div class=\"text-[9px] text-slate-500 uppercase\">Mins<\/div>\n        <\/div>\n        <div class=\"bg-slate-800 p-4 rounded-2xl border border-slate-700\">\n            <div id=\"secs_cd\" class=\"text-2xl font-bold text-[#deff9a]\">00<\/div>\n            <div class=\"text-[9px] text-slate-500 uppercase\">Secs<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        \/\/ \u8a2d\u5b9a: \u57fa\u6e96\u70b9\n        const START_DATE_CD = new Date(\"2026-05-20T11:00:00+09:00\");\n        const CYCLE_DAYS_CD = 42;\n\n        function updateCD() {\n            const now = new Date();\n            let nextEvent = new Date(START_DATE_CD);\n            \n            \/\/ \u73fe\u5728\u6642\u523b\u3088\u308a\u5f8c\u306e\u3001\u6700\u3082\u8fd1\u3044\u30a2\u30d7\u30c7\u304b\u5f8c\u534a\u958b\u59cb\u65e5\u3092\u63a2\u3059\n            while (nextEvent < now) {\n                \/\/ \u30a2\u30d7\u30c7\u306e21\u65e5\u5f8c\uff08\u5f8c\u534a\uff09\u3092\u30c1\u30a7\u30c3\u30af\n                let p2 = new Date(nextEvent);\n                p2.setDate(nextEvent.getDate() + 21);\n                p2.setHours(19, 0, 0);\n                \n                if (p2 > now) {\n                    nextEvent = p2;\n                    break;\n                }\n                \/\/ \u6b21\u306e\u30a2\u30d7\u30c7\u30b5\u30a4\u30af\u30eb\u3078\n                nextEvent.setDate(nextEvent.getDate() + CYCLE_DAYS_CD);\n            }\n\n            const diff = nextEvent - now;\n            document.getElementById('days_cd').innerText = Math.floor(diff \/ (1000 * 60 * 60 * 24)).toString().padStart(2, '0');\n            document.getElementById('hours_cd').innerText = Math.floor((diff \/ (1000 * 60 * 60)) % 24).toString().padStart(2, '0');\n            document.getElementById('mins_cd').innerText = Math.floor((diff \/ (1000 * 60)) % 60).toString().padStart(2, '0');\n            document.getElementById('secs_cd').innerText = Math.floor((diff \/ 1000) % 60).toString().padStart(2, '0');\n        }\n        setInterval(updateCD, 1000);\n        updateCD();\n    })();\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"ja\" dir=\"ltr\">\u3010Luna \u2166\u30a4\u30d9\u30f3\u30c8\u7948\u9858\u4e88\u544a\u3011<br>\u30fb\u7b2c1\u671f<br>\u26055\u300c\u30cb\u30b3\u300d\u30a4\u30d9\u30f3\u30c8\u7948\u9858\u300c\u3055\u3056\u3081\u304f\u71be\u5929\u306e\u9ed9\u60f3\u66f2\u300d<br>\u26055\u300c\u30c9\u30a5\u30ea\u30f3\u300d\u30a4\u30d9\u30f3\u30c8\u7948\u9858\u300c\u767d\u3088\u308a\u751f\u307e\u308c\u51fa\u3065\u308b\u8d64\u300d<br><br>\u203b\u30a4\u30d9\u30f3\u30c8\u7948\u9858\u300c\u3055\u3056\u3081\u304f\u71be\u5929\u306e\u9ed9\u60f3\u66f2\u300d\u53ca\u3073\u300c\u767d\u3088\u308a\u751f\u307e\u308c\u51fa\u3065\u308b\u8d64\u300d\u306b\u304a\u3044\u3066\u3001\u30d7\u30eb\u30fc\u30cd\u306e\u51fa\u73fe\u78ba\u7387\u304c\u5927\u5e45\u306bUP\uff01<a href=\"https:\/\/twitter.com\/hashtag\/%E5%8E%9F%E7%A5%9ELunaVII?src=hash&amp;ref_src=twsrc%5Etfw\">#\u539f\u795eLunaVII<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/%E5%8E%9F%E7%A5%9E%E4%BA%88%E5%91%8A%E7%95%AA%E7%B5%84?src=hash&amp;ref_src=twsrc%5Etfw\">#\u539f\u795e\u4e88\u544a\u756a\u7d44<\/a> <a href=\"https:\/\/t.co\/8s291BKU3q\">pic.twitter.com\/8s291BKU3q<\/a><\/p>&mdash; \u539f\u795e\uff08Genshin\uff09\u516c\u5f0f (@Genshin_7) <a href=\"https:\/\/twitter.com\/Genshin_7\/status\/2052727213603102927?ref_src=twsrc%5Etfw\">May 8, 2026<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-jin-gb-block-border jin-sen\"><div class=\"jin-sen-solid\" style=\"border-width:3px;border-color:#f7f7f7\"><\/div><\/div>\n\n\n\n<div class=\"max-w-4xl mx-auto bg-slate-900 rounded-[2.5rem] border border-slate-800 overflow-hidden shadow-2xl mt-10\">\n    <!-- \u30d8\u30c3\u30c0\u30fc\u90e8\u5206\u3092\u4e2d\u592e\u5bc4\u305b -->\n    <div class=\"p-8 border-b border-slate-800 bg-slate-900\/50 flex flex-col items-center text-center gap-4\">\n        <div>\n            <span class=\"inline-block bg-amber-500 text-slate-900 text-[10px] font-bold px-3 py-1 rounded-md mb-2 tracking-widest uppercase\">Yearly Roadmap<\/span>\n            <h2 class=\"text-2xl font-bold text-white\">1\u5e74\u9593\u4e88\u6e2c\u30ab\u30ec\u30f3\u30c0\u30fc<\/h2>\n            <p class=\"text-[10px] text-slate-500 mt-1\">\u203b\u904e\u53bb\u306e\u5468\u671f(42\u65e5)\u306b\u57fa\u3065\u304f\u81ea\u52d5\u4e88\u6e2c\u3067\u3059<\/p>\n        <\/div>\n        <!-- \u51e1\u4f8b\u5165\u529b\u30a8\u30ea\u30a2\u3082\u4e2d\u592e\u5bc4\u305b -->\n        <div class=\"flex items-center justify-center gap-2\">\n            <span class=\"text-xs font-medium text-slate-400\">\u30ab\u30ec\u30f3\u30c0\u30fc\u767b\u9332\u540d:<\/span>\n            <input type=\"text\" id=\"prefix_cal\" value=\"[\u539f\u795e]\" class=\"bg-slate-950 border border-slate-700 p-2 rounded text-xs w-24 text-[#deff9a] outline-none text-center\">\n        <\/div>\n    <\/div>\n    \n    <div class=\"overflow-x-auto\">\n        <table class=\"w-full border-collapse\">\n            <thead>\n                <!-- \u30d8\u30c3\u30c0\u30fc\u30e9\u30d9\u30eb\u3092\u4e2d\u592e\u5bc4\u305b -->\n                <tr class=\"bg-slate-950\/50 text-slate-500 text-[10px] uppercase tracking-wider\">\n                    <th class=\"p-4 text-center font-semibold\">Ver<\/th>\n                    <th class=\"p-4 text-center font-semibold\">\u4e88\u544a\u756a\u7d44<\/th>\n                    <th class=\"p-4 text-center font-semibold\">\u30a2\u30d7\u30c7\/\u524d\u534a<\/th>\n                    <th class=\"p-4 text-center font-semibold\">\u5f8c\u534a\u958b\u59cb<\/th>\n                <\/tr>\n            <\/thead>\n            <!-- \u5404\u30bb\u30eb\u306e\u4e2d\u8eab\u3092\u4e2d\u592e\u5bc4\u305b -->\n            <tbody id=\"cal-table-body\" class=\"text-xs text-slate-300 divide-y divide-slate-800 text-center\">\n                <!-- JS\u3067\u751f\u6210 -->\n            <\/tbody>\n        <\/table>\n    <\/div>\n<\/div>\n\n<style>\n    .btn-sync-cal {\n        background: rgba(222, 255, 154, 0.05);\n        border: 1px solid rgba(222, 255, 154, 0.2);\n        color: #deff9a;\n        padding: 4px 12px;\n        border-radius: 6px;\n        transition: all 0.2s;\n        cursor: pointer;\n        font-size: 10px;\n        white-space: nowrap;\n        margin: 0 auto; \/* \u30dc\u30bf\u30f3\u81ea\u4f53\u3092\u4e2d\u592e\u306b *\/\n    }\n    .btn-sync-cal:hover {\n        background: #deff9a;\n        color: #0f172a;\n    }\n<\/style>\n\n<script>\n    (function() {\n        const START_VER = 6.6;\n        const START_DATE = new Date(\"2026-05-20T11:00:00+09:00\");\n        const CYCLE_DAYS = 42;\n\n        function buildCal() {\n            const tbody = document.getElementById('cal-table-body');\n            let currentVer = START_VER;\n            let currentDate = new Date(START_DATE);\n\n            tbody.innerHTML = \"\";\n\n            for (let i = 0; i < 8; i++) {\n                const verStr = currentVer.toFixed(1);\n                const liveDate = new Date(currentDate); \n                liveDate.setDate(currentDate.getDate() - 12); \n                liveDate.setHours(21, 0, 0);\n                \n                const p2Date = new Date(currentDate); \n                p2Date.setDate(currentDate.getDate() + 21); \n                p2Date.setHours(19, 0, 0);\n\n                const row = `\n                    <tr class=\"hover:bg-slate-800\/30\">\n                        <td class=\"p-4\">\n                            <span class=\"bg-indigo-600 text-white px-2 py-0.5 rounded font-bold inline-block\">V${verStr}<\/span>\n                        <\/td>\n                        <td class=\"p-4\">\n                            <button class=\"btn-sync-cal\" onclick=\"syncCal('\u4e88\u544a\u756a\u7d44 V${verStr}', '${liveDate.toISOString()}')\">\n                                ${formatD(liveDate)} 21:00\n                            <\/button>\n                        <\/td>\n                        <td class=\"p-4\">\n                            <button class=\"btn-sync-cal\" onclick=\"syncCal('\u30a2\u30d7\u30c7 V${verStr}', '${currentDate.toISOString()}')\">\n                                ${formatD(currentDate)} 11:00\n                            <\/button>\n                        <\/td>\n                        <td class=\"p-4\">\n                            <button class=\"btn-sync-cal\" onclick=\"syncCal('\u5f8c\u534a V${verStr}', '${p2Date.toISOString()}')\">\n                                ${formatD(p2Date)} 19:00\n                            <\/button>\n                        <\/td>\n                    <\/tr>`;\n                tbody.innerHTML += row;\n\n                let verInt = Math.round(currentVer * 10);\n                if (verInt === 67) { \n                    currentVer = 7.0; \n                } else if (verInt % 10 === 8) {\n                    currentVer = Math.floor(currentVer) + 1.0;\n                } else {\n                    currentVer += 0.1;\n                }\n                \n                currentDate.setDate(currentDate.getDate() + CYCLE_DAYS);\n            }\n        }\n\n        window.syncCal = function(title, iso) {\n            const prefix = document.getElementById('prefix_cal').value || \"\";\n            const d = new Date(iso);\n            const start = d.toISOString().replace(\/[-:]\/g, \"\").split(\".\")[0] + \"Z\";\n            const end = new Date(d.getTime() + 3600000).toISOString().replace(\/[-:]\/g, \"\").split(\".\")[0] + \"Z\";\n            window.open(`https:\/\/www.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent(prefix + \" \" + title)}&dates=${start}\/${end}`, '_blank');\n        };\n\n        function formatD(d) { return `${d.getMonth() + 1}\/${d.getDate()}(${['\u65e5','\u6708','\u706b','\u6c34','\u6728','\u91d1','\u571f'][d.getDay()]})`; }\n\n        buildCal();\n    })();\n<\/script>\n\n\n\n<div class=\"wp-block-jin-gb-block-border jin-sen\"><div class=\"jin-sen-solid\" style=\"border-width:3px;border-color:#f7f7f7\"><\/div><\/div>\n\n\n\n<div class=\"max-w-4xl mx-auto bg-slate-900 rounded-[2.5rem] shadow-2xl border border-slate-800 p-8 md:p-12 mt-10\">\n    <div class=\"text-center mb-10\">\n        <span class=\"inline-block bg-[#a3e635] text-slate-900 text-[10px] font-bold px-3 py-1 rounded-md mb-4 tracking-widest uppercase\">Timer System V1.0<\/span>\n        <h2 class=\"text-3xl font-bold mb-2 text-white\">\u30ea\u30dd\u30c3\u30d7\u7ba1\u7406\u30d1\u30cd\u30eb<\/h2>\n        <p class=\"text-slate-500 text-xs\">\u203b \u300c\u56de\u53ce\u5b8c\u4e86\u300d\u3092\u62bc\u3059\u3068\u3001Google\u30ab\u30ec\u30f3\u30c0\u30fc\u306b\u6b21\u306e\u56de\u53ce\u65e5\u3092\u767b\u9332\u3067\u304d\u307e\u3059\uff01<\/p>\n    <\/div>\n\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n    <div class=\"gtm-info-card flex flex-col items-center p-6 min-h-[220px]\">\n        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/Windwheel20Aster_icon.webp?ssl=1\" alt=\"\u7279\u7523\u54c1\" class=\"w-12 h-12 md:w-16 md:h-16 object-contain drop-shadow-lg mb-3\" data-recalc-dims=\"1\">\n        <h5 class=\"font-bold text-[#deff9a] text-sm text-center mb-1\">\u7279\u7523\u54c1<\/h5>\n        <p class=\"text-[10px] text-slate-500 text-center mb-auto\">48\u6642\u9593\u30ea\u30dd\u30c3\u30d7<\/p>\n        <button onclick=\"addRepop('\u7279\u7523\u54c1', 48)\" class=\"bg-[#deff9a] text-slate-900 text-xs font-bold py-2 px-6 rounded-full hover:brightness-110 hover:scale-105 transition-all w-full mt-4\">\u56de\u53ce\u5b8c\u4e86<\/button>\n    <\/div>\n\n    <div class=\"gtm-info-card flex flex-col items-center p-6 min-h-[220px]\">\n        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/a06c6fbd29b5111702baf8c9271654c4_2760362838034077991.webp?ssl=1\" alt=\"\u9271\u77f3\" class=\"w-12 h-12 md:w-16 md:h-16 object-contain drop-shadow-lg mb-3\" data-recalc-dims=\"1\">\n        <h5 class=\"font-bold text-[#deff9a] text-sm text-center mb-1\">\u9271\u77f3<\/h5>\n        <p class=\"text-[10px] text-slate-500 text-center mb-auto\">72\u6642\u9593\u30ea\u30dd\u30c3\u30d7<\/p>\n        <button onclick=\"addRepop('\u9271\u77f3', 72)\" class=\"bg-[#deff9a] text-slate-900 text-xs font-bold py-2 px-6 rounded-full hover:brightness-110 hover:scale-105 transition-all w-full mt-4\">\u56de\u53ce\u5b8c\u4e86<\/button>\n    <\/div>\n\n    <div class=\"gtm-info-card flex flex-col items-center p-6 min-h-[220px]\">\n        <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/sands_of_eon_icon.webp?ssl=1\" alt=\"\u8056\u907a\u7269\" class=\"w-12 h-12 md:w-16 md:h-16 object-contain drop-shadow-lg mb-3\" data-recalc-dims=\"1\">\n        <h5 class=\"font-bold text-[#deff9a] text-sm text-center mb-1\">\u8056\u907a\u7269\u56de\u53ce<\/h5>\n        <p class=\"text-[10px] text-slate-500 text-center mb-auto\">24\u6642\u9593\u30ea\u30dd\u30c3\u30d7<\/p>\n        <button onclick=\"addRepop('\u8056\u907a\u7269\u56de\u53ce', 24)\" class=\"bg-[#deff9a] text-slate-900 text-xs font-bold py-2 px-6 rounded-full hover:brightness-110 hover:scale-105 transition-all w-full mt-4\">\u56de\u53ce\u5b8c\u4e86<\/button>\n    <\/div>\n<\/div>\n<\/div>\n\n<script>\n    function addRepop(name, hours) {\n        const prefix = document.getElementById('gtm-prefix')?.value || \"[\u539f\u795e]\";\n        const title = `${prefix} ${name}\u30ea\u30dd\u30c3\u30d7`;\n        \n        const now = new Date();\n        const targetDate = new Date(now.getTime() + (hours * 60 * 60 * 1000));\n        \n        const startStr = targetDate.toISOString().replace(\/[-:]\/g, \"\").split(\".\")[0] + \"Z\";\n        const endStr = new Date(targetDate.getTime() + 30 * 60 * 1000).toISOString().replace(\/[-:]\/g, \"\").split(\".\")[0] + \"Z\";\n\n        const url = `https:\/\/www.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent(title)}&dates=${startStr}\/${endStr}&details=${hours}\u6642\u9593\u5f8c\u306e\u30ea\u30dd\u30c3\u30d7\u901a\u77e5`;\n        \n        window.open(url, '_blank');\n    }\n<\/script>\n\n\n\n<div class=\"wp-block-jin-gb-block-border jin-sen\"><div class=\"jin-sen-solid\" style=\"border-width:3px;border-color:#f7f7f7\"><\/div><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        .gtm-body { background-color: #0f172a; color: #f8fafc; padding: 1rem; border-radius: 2rem; }\n        \n        .gtm-btn-3d {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1.25rem 2.5rem;\n            border-radius: 9999px;\n            color: #0f172a;\n            font-weight: bold;\n            font-size: 1.25rem;\n            transition: all 75ms;\n            user-select: none;\n            cursor: pointer;\n            border: none;\n            background: linear-gradient(135deg, #deff9a 0%, #a3e635 100%);\n            box-shadow: 0 6px 0 0 #65a30d;\n            width: 100%;\n        }\n\n        .gtm-btn-3d:active {\n            transform: translateY(4px);\n            box-shadow: 0 2px 0 0 #65a30d;\n            filter: brightness(0.9);\n        }\n\n        \/* \u8a73\u7d30\u30d1\u30cd\u30eb\u306e\u30b9\u30bf\u30a4\u30eb *\/\n        .gtm-detail-panel {\n            max-height: 0;\n            overflow: hidden;\n            transition: all 0.3s ease-out;\n            background-color: #0f172a;\n            border-radius: 1rem;\n            margin-top: 0;\n            opacity: 0;\n        }\n        \n        .gtm-detail-panel.active {\n            max-height: 500px; \/* \u5341\u5206\u306a\u9ad8\u3055\u3092\u78ba\u4fdd *\/\n            margin-top: 1rem;\n            padding: 1.5rem;\n            opacity: 1;\n            border: 1px solid #334155;\n        }\n\n        .gtm-info-card {\n            background-color: rgba(30, 41, 59, 0.5);\n            border: 1px solid #334155;\n            padding: 1.25rem;\n            border-radius: 1.5rem;\n            transition: all 0.2s;\n            cursor: pointer;\n            text-align: left;\n            width: 100%;\n        }\n        .gtm-info-card:hover { border-color: #deff9a; background-color: rgba(222, 255, 154, 0.05); }\n        .gtm-info-card.active { border-color: #deff9a; background-color: rgba(222, 255, 154, 0.1); }\n    <\/style>\n<\/head>\n<body class=\"gtm-body\">\n\n    <div class=\"max-w-4xl mx-auto bg-slate-900 rounded-[2.5rem] shadow-2xl border border-slate-800 p-8 md:p-12\">\n        <div class=\"text-center mb-10\">\n            <span class=\"inline-block bg-[#deff9a] text-slate-900 text-[10px] font-bold px-3 py-1 rounded-md mb-4 tracking-widest uppercase\">Gadget System V4.5<\/span>\n            <h2 class=\"text-3xl font-bold mb-4 text-white\">\u53c2\u91cf\u7269\u8cea\u5909\u5316\u5668\u30de\u30cd\u30fc\u30b8\u30e3\u30fc<\/h2>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 items-start\">\n            \n            <div class=\"text-center space-y-6\">\n                <div class=\"flex justify-center mb-6\">\n                    <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/Parametric20Transformer_icon.webp?ssl=1\" alt=\"\u53c2\u91cf\u7269\u8cea\u5909\u5316\u5668\" class=\"w-32 h-32 object-contain drop-shadow-2xl\" data-recalc-dims=\"1\">\n                <\/div>\n\n                <div>\n                    <label class=\"block text-[10px] text-slate-500 font-bold tracking-widest mb-2 uppercase\">\u30ab\u30ec\u30f3\u30c0\u30fc\u767b\u9332\u540d<\/label>\n                    <input type=\"text\" id=\"gtm-prefix\" value=\"[\u539f\u795e]\" class=\"bg-slate-950 border border-slate-700 p-3 rounded-xl text-center text-[#deff9a] font-bold outline-none w-full max-w-[200px]\">\n                <\/div>\n\n                <div class=\"pt-10 pb-4\"> \n                    <button onclick=\"syncTransformer()\" class=\"gtm-btn-3d\">\u56de\u53ce\u5b8c\u4e86\uff01<\/button>\n                    <p style=\"font-size: 14px; color: #64748b; margin-top: 40px; font-style: italic;\">\u203b166\u6642\u9593\u30ed\u30b8\u30c3\u30af\u3067\u4e88\u7d04\u3057\u307e\u3059<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"space-y-4\">\n                <h4 class=\"text-xs font-bold text-[#deff9a] tracking-widest uppercase mb-4 text-center md:text-left\">\u5831\u916c\u30ab\u30c6\u30b4\u30ea\u89e3\u8aac<\/h4>\n                \n                <div class=\"gtm-category-container\">\n                    <div onclick=\"toggleGtmDetail('flora', this)\" class=\"gtm-info-card\">\n                        <h5 class=\"font-bold text-[#deff9a] text-sm flex items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/Mint_icon.webp?ssl=1\" alt=\"\u690d\u7269\" class=\"w-12 h-12 object-contain mr-3\" data-recalc-dims=\"1\">\n                            \u690d\u7269\u30fb\u91ce\u83dc\u985e\n                        <\/h5>\n                    <\/div>\n                    <div id=\"detail-flora\" class=\"gtm-detail-panel\">\n                        <p class=\"text-slate-300 mb-4 text-sm leading-relaxed\">\u30ea\u30f3\u30b4\u3084\u30df\u30f3\u30c8\u306a\u3069\u3092\u6295\u5165\u3059\u308b\u3068\u3001<b>\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u7d4c\u9a13\u5024<\/b>\u3084<b>\u5929\u8ce6\u672c<\/b>\u304c\u624b\u306b\u5165\u308a\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n                        <div class=\"bg-slate-950 p-4 rounded-xl text-xs\">\n                            <p class=\"text-[#deff9a] font-bold mb-2\">\u304a\u3059\u3059\u3081\u7d20\u6750<\/p>\n                            <p class=\"text-slate-400\">\u5915\u66ae\u308c\u306e\u5b9f\u3001\u30ea\u30f3\u30b4\u3001\u30df\u30f3\u30c8\u3001\u30b9\u30a4\u30fc\u30c8\u30d5\u30e9\u30ef\u30fc\u3001\u30ad\u30e3\u30d9\u30c4\u3001\u5927\u6839\u306a\u3069<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"gtm-category-container\">\n                    <div onclick=\"toggleGtmDetail('monster', this)\" class=\"gtm-info-card\">\n                        <h5 class=\"font-bold text-[#deff9a] text-sm flex items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/Stained20Mask_icon.webp?ssl=1\" alt=\"\u9b54\u7269\u7d20\u6750\" class=\"w-12 h-12 object-contain mr-3\" data-recalc-dims=\"1\">\n                            \u9b54\u7269\u7d20\u6750\u30fb\u751f\u8089\n                        <\/h5>\n                    <\/div>\n                    <div id=\"detail-monster\" class=\"gtm-detail-panel\">\n                        <p class=\"text-slate-300 mb-4 text-sm leading-relaxed\">\u30b9\u30e9\u30a4\u30e0\u306e\u6db2\u4f53\u3084\u4eee\u9762\u306a\u3069\u3092\u6295\u5165\u3059\u308b\u3068\u3001<b>\u30e2\u30e9<\/b>\u3084<b>\u6b66\u5668\u7a81\u7834\u7d20\u6750<\/b>\u304c\u624b\u306b\u5165\u308a\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n                        <div class=\"bg-slate-950 p-4 rounded-xl text-xs\">\n                            <p class=\"text-[#deff9a] font-bold mb-2\">\u304a\u3059\u3059\u3081\u7d20\u6750<\/p>\n                            <p class=\"text-slate-400\">\u30b9\u30e9\u30a4\u30e0\u306e\u6db2\u4f53\u3001\u30d2\u30eb\u30c1\u30e3\u30fc\u30eb\u306e\u4eee\u9762\u3001\u7363\u8089\u3001\u9ce5\u8089\u3001\u6df7\u6c8c\u306e\u88c5\u7f6e\u306a\u3069<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"gtm-category-container\">\n                    <div onclick=\"toggleGtmDetail('mineral', this)\" class=\"gtm-info-card\">\n                        <h5 class=\"font-bold text-[#deff9a] text-sm flex items-center\">\n                            <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/amanashian.com\/wp-content\/uploads\/2026\/05\/White20Chunk_icon.webp?ssl=1\" alt=\"\u9271\u77f3\" class=\"w-12 h-12 object-contain mr-3\" data-recalc-dims=\"1\">\n                            \u9271\u77f3\u7cfb\n                        <\/h5>\n                    <\/div>\n                    <div id=\"detail-mineral\" class=\"gtm-detail-panel\">\n                        <p class=\"text-slate-300 mb-4 text-sm leading-relaxed\">\u6c34\u6676\u3084\u9244\u306e\u584a\u306a\u3069\u3092\u6295\u5165\u3059\u308b\u3068\u3001<b>\u4ed5\u4e0a\u3052\u7528\u9b54\u9271<\/b>\u3084<b>\u5b9d\u77f3<\/b>\u304c\u624b\u306b\u5165\u308a\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n                        <div class=\"bg-slate-950 p-4 rounded-xl text-xs\">\n                            <p class=\"text-[#deff9a] font-bold mb-2\">\u304a\u3059\u3059\u3081\u7d20\u6750<\/p>\n                            <p class=\"text-slate-400\">\u6c34\u6676\u306e\u584a\u3001\u9244\u306e\u584a\u3001\u767d\u9244\u306e\u584a\u3001\u77f3\u73c0\u3001\u591c\u6cca\u77f3\u306a\u3069<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <p style=\"font-size: 13px; color: #64748b; margin-top: 20px; font-style: italic; text-align: center;\">\u203b\u5831\u916c\u306f\u3001\u671f\u5f85\u5024\u304c\u9ad8\u3044\u3068\u3044\u3046\u3060\u3051\u3067\u53c2\u8003\u3068\u3057\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<script>\n    function toggleGtmDetail(type, element) {\n        \/\/ \u3059\u3079\u3066\u306e\u30d1\u30cd\u30eb\u3068\u30ab\u30fc\u30c9\u306e\u72b6\u614b\u3092\u30ea\u30bb\u30c3\u30c8\uff08\u4e00\u3064\u305a\u3064\u958b\u304f\u6319\u52d5\uff09\n        const allPanels = document.querySelectorAll('.gtm-detail-panel');\n        const allCards = document.querySelectorAll('.gtm-info-card');\n        const targetPanel = document.getElementById('detail-' + type);\n        \n        const isOpening = !targetPanel.classList.contains('active');\n\n        allPanels.forEach(panel => panel.classList.remove('active'));\n        allCards.forEach(card => card.classList.remove('active'));\n\n        \/\/ \u30af\u30ea\u30c3\u30af\u3057\u305f\u8981\u7d20\u304c\u9589\u3058\u3066\u3044\u305f\u5834\u5408\u306e\u307f\u958b\u304f\n        if (isOpening) {\n            targetPanel.classList.add('active');\n            element.classList.add('active');\n        }\n    }\n\n    function syncTransformer() {\n        const prefix = document.getElementById('gtm-prefix').value || \"[\u539f\u795e]\";\n        const targetDate = new Date(new Date().getTime() + (166 * 60 * 60 * 1000));\n        const startStr = targetDate.toISOString().replace(\/[-:]\/g, \"\").split(\".\")[0] + \"Z\";\n        const endStr = new Date(targetDate.getTime() + 30 * 60 * 1000).toISOString().replace(\/[-:]\/g, \"\").split(\".\")[0] + \"Z\";\n        const url = `https:\/\/www.google.com\/calendar\/render?action=TEMPLATE&text=${encodeURIComponent(prefix + \" \u53c2\u91cf\u7269\u8cea\u5909\u5316\u5668\u30ea\u30bb\u30c3\u30c8\")}&dates=${startStr}\/${endStr}&details=166\u6642\u9593\u30ed\u30b8\u30c3\u30af\u901a\u77e5`;\n        window.open(url, '_blank');\n    }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-jin-gb-block-border jin-sen\"><div class=\"jin-sen-solid\" style=\"border-width:3px;border-color:#f7f7f7\"><\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Next Update \u6b21\u306e\u30ac\u30c1\u30e3\u66f4\u65b0\u30fb\u30a2\u30d7\u30c7\u307e\u3067 00 Days 00 Hours 00 Mins 00 Secs Yearly Roadmap 1\u5e74\u9593\u4e88\u6e2c\u30ab\u30ec\u30f3\u30c0\u30fc \u203b\u904e\u53bb\u306e\u5468\u671f(42\u65e5)\u306b\u57fa\u3065\u304f\u81ea\u52d5\u4e88\u6e2c\u3067\u3059 \u30ab\u30ec\u30f3<\/p>\n","protected":false},"author":1,"featured_media":4504,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4410","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/pages\/4410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amanashian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4410"}],"version-history":[{"count":118,"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/pages\/4410\/revisions"}],"predecessor-version":[{"id":4565,"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/pages\/4410\/revisions\/4565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/amanashian.com\/index.php?rest_route=\/wp\/v2\/media\/4504"}],"wp:attachment":[{"href":"https:\/\/amanashian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}