{"id":945,"date":"2026-01-02T14:50:05","date_gmt":"2026-01-02T05:50:05","guid":{"rendered":"https:\/\/onoono.co.jp\/?page_id=945"},"modified":"2026-01-02T15:46:18","modified_gmt":"2026-01-02T06:46:18","slug":"%e3%81%8a%e3%81%ae%e3%81%8a%e3%81%ae%e3%81%bf%e3%81%8f%e3%81%98","status":"publish","type":"page","link":"https:\/\/onoono.co.jp\/?page_id=945","title":{"rendered":"\u304a\u306e\u304a\u306e\u307f\u304f\u3058"},"content":{"rendered":"\n<div id=\"omikuji-container\">\n    <div class=\"omikuji-box\">\n        <h2 class=\"omikuji-title\">\uff3c 2026\u5e74 \u65b0\u6625\u904b\u8a66\u3057 \uff0f<\/h2>\n        <div id=\"omikuji-visual\">\n            <div id=\"omikuji-stick\">\ud83c\udf8d<\/div>\n        <\/div>\n        <button id=\"draw-btn\" onclick=\"drawOmikuji()\">\u304a\u307f\u304f\u3058\u3092\u5f15\u304f<\/button>\n        <div id=\"result-display\" style=\"display: none;\">\n            <p class=\"result-label\">\u3042\u306a\u305f\u306e\u904b\u52e2\u306f&#8230;<\/p>\n            <div id=\"luck-rank\"><\/div>\n            <p id=\"luck-message\"><\/p>\n            <button class=\"retry-btn\" onclick=\"resetOmikuji()\">\u3082\u3046\u4e00\u5ea6\u5f15\u304f<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u304a\u6b63\u6708\u3089\u3057\u3044\u8d64\u30fb\u91d1\u30fb\u767d\u3092\u57fa\u8abf\u3068\u3057\u305f\u30c7\u30b6\u30a4\u30f3 *\/\n    #omikuji-container {\n        font-family: \"Sawarabi Mincho\", \"Hiragino Mincho ProN\", serif;\n        background-color: #f4f4f4;\n        padding: 30px 10px;\n        text-align: center;\n        border: 5px double #d4af37;\n        border-radius: 10px;\n        max-width: 400px;\n        margin: 20px auto;\n        background-image: radial-gradient(#fff 20%, transparent 20%), radial-gradient(#fff 20%, transparent 20%);\n        background-size: 20px 20px;\n        background-position: 0 0, 10px 10px;\n        background-color: #c0392b; \/* \u7d05\u767d\u306e\u8d64 *\/\n        color: #333;\n    }\n\n    .omikuji-box {\n        background: rgba(255, 255, 255, 0.95);\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n    }\n\n    .omikuji-title {\n        color: #c0392b;\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n        border-bottom: 2px solid #d4af37;\n        padding-bottom: 10px;\n    }\n\n    #omikuji-visual {\n        font-size: 80px;\n        margin: 20px 0;\n        transition: transform 0.1s;\n    }\n\n    \/* \u30dc\u30bf\u30f3\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n    #draw-btn {\n        background-color: #d4af37;\n        color: white;\n        border: none;\n        padding: 15px 30px;\n        font-size: 1.2rem;\n        cursor: pointer;\n        border-radius: 50px;\n        font-weight: bold;\n        box-shadow: 0 4px #b8922e;\n    }\n\n    #draw-btn:active {\n        box-shadow: none;\n        transform: translateY(4px);\n    }\n\n    \/* \u7d50\u679c\u8868\u793a\u30a8\u30ea\u30a2 *\/\n    #luck-rank {\n        font-size: 3rem;\n        font-weight: bold;\n        color: #e74c3c;\n        margin: 10px 0;\n        animation: fadeIn 1s ease;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: scale(0.5); }\n        to { opacity: 1; transform: scale(1); }\n    }\n\n    .retry-btn {\n        margin-top: 20px;\n        background: none;\n        border: 1px solid #999;\n        cursor: pointer;\n        color: #666;\n    }\n\n    \/* \u632f\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n    .shake {\n        animation: shake-animation 0.1s infinite;\n    }\n\n    @keyframes shake-animation {\n        0% { transform: rotate(0deg); }\n        25% { transform: rotate(10deg); }\n        50% { transform: rotate(0deg); }\n        75% { transform: rotate(-10deg); }\n        100% { transform: rotate(0deg); }\n    }\n<\/style>\n\n<script>\n    function drawOmikuji() {\n        const btn = document.getElementById('draw-btn');\n        const visual = document.getElementById('omikuji-visual');\n        const resultArea = document.getElementById('result-display');\n        const rank = document.getElementById('luck-rank');\n        const message = document.getElementById('luck-message');\n\n        \/\/ \u30dc\u30bf\u30f3\u3092\u7121\u52b9\u5316\u3057\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u958b\u59cb\n        btn.style.display = 'none';\n        visual.classList.add('shake');\n\n        \/\/ \u4e00\u822c\u7684\u306a\u304a\u307f\u304f\u3058\u306e\u78ba\u7387\u8a2d\u5b9a\uff08\u5408\u8a08100%\uff09\n        \/\/ \u5927\u5409: 20%, \u4e2d\u5409: 30%, \u5409: 50%\n        const rand = Math.random() * 100;\n        let result = { rank: \"\", msg: \"\" };\n\n        if (rand < 20) {\n            result = { rank: \"\u5927\u5409\", msg: \"\u3064\u3044\u306b\u3042\u306a\u305f\u306e\u624d\u80fd\u304c\u7206\u767a\u3057\u3001\u6700\u9ad8\u306e\u4e00\u5e74\u306b\u306a\u308a\u307e\u3059\uff01\u3069\u3093\u306a\u9858\u3044\u4e8b\u3082\u53f6\u3046\u3067\u3057\u3087\u3046\u3002\" };\n        } else if (rand < 50) {\n            result = { rank: \"\u4e2d\u5409\", msg: \"\u3068\u3066\u3082\u826f\u3044\u904b\u6c17\u3067\u3059\u3002\u3042\u306a\u305f\u306e\u624d\u80fd\u304c\u5149\u308b1\u5e74\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002\u305c\u3072\u624d\u80fd\u3092\u6d3b\u304b\u3057\u305f\u65b0\u3057\u3044\u3053\u3068\u306b\u6311\u6226\u3057\u3066\u307f\u3066\uff01\" };\n        } else {\n            result = { rank: \"\u5409\", msg: \"\u3042\u306a\u305f\u306e\u624d\u80fd\u306e\u30bf\u30cd\u304c\u958b\u304f\u3088\u3046\u3001\u3082\u3063\u3068\u81ea\u5206\u306e\u3042\u305f\u308a\u307e\u3048\u306b\u4fa1\u5024\u304c\u3042\u308b\u3053\u3068\u3092\u7406\u89e3\u3057\u307e\u3057\u3087\u3046\u3002\u3053\u306e1\u5e74\u304c\u672a\u6765\u3092\u5909\u3048\u307e\u3059\" };\n        }\n\n        \/\/ 1\u79d2\u5f8c\u306b\u7d50\u679c\u3092\u8868\u793a\n        setTimeout(() => {\n            visual.classList.remove('shake');\n            visual.innerHTML = \"\u2728\";\n            resultArea.style.display = 'block';\n            rank.innerText = result.rank;\n            message.innerText = result.msg;\n        }, 1000);\n    }\n\n    function resetOmikuji() {\n        document.getElementById('result-display').style.display = 'none';\n        document.getElementById('draw-btn').style.display = 'inline-block';\n        document.getElementById('omikuji-visual').innerHTML = \"\ud83c\udf8d\";\n    }\n<\/script>\n\n\n\n<p class=\"has-text-align-center\"><br>\u304a\u306e\u304a\u306e\u4e3b\u50ac<br>\u6700\u65b0\u7121\u6599\u30bb\u30df\u30ca\u30fc\u60c5\u5831\u306f\u3053\u3061\u3089<\/p>\n\n\n\n<div class=\"wp-block-snow-monkey-blocks-buttons smb-buttons is-content-justification-center is-layout-flex wp-container-snow-monkey-blocks-buttons-is-layout-a89b3969 wp-block-snow-monkey-blocks-buttons-is-layout-flex\">\n<div class=\"wp-block-snow-monkey-blocks-btn smb-btn-wrapper\"><a class=\"smb-btn\" href=\"https:\/\/onoono.co.jp\/?cat=13\" style=\"--smb-btn--background-color:#78bbb8\"><span class=\"smb-btn__label\">\u6700\u65b0\u7121\u6599\u30bb\u30df\u30ca\u30fc<\/span><\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uff3c 2026\u5e74 \u65b0\u6625\u904b\u8a66\u3057 \uff0f \ud83c\udf8d \u304a\u307f\u304f\u3058\u3092\u5f15\u304f \u3042\u306a\u305f\u306e\u904b\u52e2\u306f&#8230; \u3082\u3046\u4e00\u5ea6\u5f15\u304f \u304a\u306e\u304a\u306e\u4e3b\u50ac\u6700\u65b0\u7121\u6599\u30bb\u30df\u30ca\u30fc\u60c5\u5831\u306f\u3053\u3061\u3089<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","wp-seo-meta-description":"","wp-seo-meta-robots":[]},"class_list":{"0":"post-945","1":"page","2":"type-page","3":"status-publish","5":"c-entry"},"_links":{"self":[{"href":"https:\/\/onoono.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onoono.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onoono.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onoono.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onoono.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=945"}],"version-history":[{"count":8,"href":"https:\/\/onoono.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/945\/revisions"}],"predecessor-version":[{"id":954,"href":"https:\/\/onoono.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/945\/revisions\/954"}],"wp:attachment":[{"href":"https:\/\/onoono.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}