\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d\u5bfe\u7b56\uff5c\u9632\u707dBlog<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-color: #e63946;\n --secondary-color: #457b9d;\n --accent-color: #f1c40f;\n --bg-color: #f8f9fa;\n --dark-color: #1d3557;\n --light-color: #ffffff;\n --warning-color: #e67e22;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: var(--bg-color);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n header {\n background-color: var(--primary-color);\n color: var(--light-color);\n padding: 0rem 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n position: sticky;\n top: 0;\n z-index: 1000;\n }\n\n .nav-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .logo i {\n font-size: 1.8rem;\n }\n\n .nav-menu {\n display: flex;\n list-style: none;\n }\n\n .nav-menu li {\n margin-left: 1.5rem;\n }\n\n .nav-menu a {\n color: var(--light-color);\n text-decoration: none;\n font-weight: 500;\n transition: all 0.3s ease;\n padding: 5px 10px;\n border-radius: 4px;\n }\n\n .nav-menu a:hover {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n \/* Hero section with video *\/\n .hero {\n position: relative;\n height: 600px;\n overflow: hidden;\n margin-bottom: 0rem;\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n color: var(--light-color);\n text-align: center;\n padding: 4rem 0;\n }\n\n .hero-bg-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/nttop.jpg');\n background-size: cover;\n background-position: center;\n z-index: 1;\n }\n\n .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(29, 53, 87, 0.7);\n z-index: 2;\n }\n\n .video-container {\n position: absolute;\n bottom: 30px;\n right: 30px;\n width: 450px;\n height: 253px; \/* 16:9 ratio for 450px width *\/\n z-index: 3;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n }\n\n .video-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .video-player {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 1;\n transition: opacity 0.5s ease;\n }\n\n .video-player.hidden {\n opacity: 0;\n pointer-events: none;\n }\n\n .video-controls {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.2);\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .video-container:hover .video-controls {\n opacity: 1;\n }\n\n .video-btn {\n background-color: rgba(255, 255, 255, 0.8);\n color: #000;\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s, transform 0.2s;\n margin: 0 10px;\n z-index: 5;\n }\n\n .video-btn:hover {\n background-color: rgba(255, 255, 255, 0.95);\n transform: scale(1.1);\n }\n\n .video-btn i {\n font-size: 18px;\n }\n\n \/* \u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\u306e\u30b5\u30a4\u30ba\u5236\u5fa1\u7528CSS *\/\n.video-player div {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.video-player div iframe {\n width: 100%;\n height: 100%;\n}\n\n\/* YouTube IFrame API\u7528\u306e\u30b9\u30bf\u30a4\u30eb *\/\n.video-container .ytp-cued-thumbnail-overlay {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n}\n\n\/* \u52d5\u753b\u3092\u6b63\u3057\u3044\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3067\u8868\u793a\u3057\u3001\u4e2d\u592e\u63c3\u3048\u3059\u308b *\/\n.video-player {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n \/* Modal for expanded video *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n }\n\n .modal-content {\n background-color: white;\n border-radius: 8px;\n width: 90%;\n max-width: 900px;\n overflow: hidden;\n position: relative;\n }\n\n .modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n border-bottom: 1px solid #ddd;\n }\n\n .modal-tabs {\n display: flex;\n gap: 10px;\n }\n\n .modal-tab {\n padding: 8px 16px;\n background-color: #f1f1f1;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .modal-tab.active {\n background-color: var(--primary-color);\n color: white;\n }\n\n .close-btn {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n }\n\n .modal-body {\n padding: 0;\n }\n\n .modal-body iframe {\n width: 100%;\n height: 500px;\n border: none;\n display: none;\n }\n\n .modal-body iframe.active {\n display: block;\n }\n\n .modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #ddd;\n }\n\n .modal-btn {\n padding: 8px 16px;\n background-color: #f1f1f1;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .modal-btn:hover {\n background-color: #ddd;\n }\n\n \/* Animation *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n animation: fadeInUp 1s ease-out;\n }\n\n .hero p {\n font-size: 1.3rem;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\n animation: fadeInUp 1.2s ease-out;\n }\n\n .cta-button {\n display: inline-block;\n background-color: var(--accent-color);\n color: var(--dark-color);\n font-weight: bold;\n padding: 14px 28px;\n text-decoration: none;\n border-radius: 50px;\n transition: all 0.3s ease;\n font-size: 1.1rem;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n animation: fadeInUp 1.4s ease-out;\n }\n\n .cta-button:hover {\n background-color: #e2b607;\n transform: translateY(-3px);\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n }\n\n .main-content {\n padding: 2rem 0 4rem;\n }\n\n .intro {\n margin-bottom: 4rem;\n text-align: center;\n padding: 0 1rem;\n }\n\n .section-heading {\n position: relative;\n display: inline-block;\n margin-bottom: 2rem;\n }\n\n .section-heading::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background-color: var(--primary-color);\n border-radius: 2px;\n }\n\n .intro h2 {\n font-size: 2.2rem;\n color: var(--dark-color);\n margin-bottom: 1.5rem;\n }\n\n .intro p {\n max-width: 900px;\n margin: 0 auto 1.5rem;\n font-size: 1.1rem;\n line-height: 1.8;\n }\n\n .alert-box {\n background-color: var(--warning-color);\n color: var(--light-color);\n padding: 2rem;\n border-radius: 10px;\n margin: 3rem auto;\n max-width: 900px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n overflow: hidden;\n }\n\n .alert-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, #e74c3c, #f39c12);\n }\n\n .alert-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .alert-box h3 {\n margin-bottom: 1rem;\n font-size: 1.5rem;\n }\n\n .alert-box p {\n font-size: 1.1rem;\n max-width: 700px;\n }\n\n .categories {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 2.5rem;\n margin-bottom: 4rem;\n }\n\n .category-card {\n background-color: var(--light-color);\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n position: relative;\n }\n\n .category-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);\n }\n\n .category-card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .category-card:hover img {\n transform: scale(1.05);\n }\n\n .category-content {\n padding: 1.8rem;\n }\n\n .category-content h3 {\n font-size: 1.6rem;\n margin-bottom: 0.8rem;\n color: var(--dark-color);\n }\n\n .category-description {\n margin-bottom: 1.2rem;\n color: #555;\n line-height: 1.7;\n }\n\n .importance-badge {\n display: inline-block;\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 0.85rem;\n font-weight: bold;\n margin-bottom: 12px;\n letter-spacing: 0.5px;\n }\n\n .high {\n background-color: #e74c3c;\n color: white;\n }\n\n .medium {\n background-color: #f39c12;\n color: white;\n }\n\n .essential {\n background-color: #2ecc71;\n color: white;\n }\n\n .read-more {\n display: inline-block;\n background-color: var(--secondary-color);\n color: var(--light-color);\n padding: 8px 18px;\n text-decoration: none;\n border-radius: 50px;\n font-weight: bold;\n transition: all 0.3s ease;\n margin-right: 10px;\n margin-bottom: 10px;\n }\n\n .read-more:hover {\n background-color: #3d6e8a;\n transform: translateY(-2px);\n }\n\n @media (max-width: 992px) {\n .hero h1 {\n font-size: 2.5rem;\n }\n \n .video-container {\n width: 350px;\n height: 197px; \/* 16:9 ratio *\/\n }\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n .hero p {\n font-size: 1.1rem;\n }\n \n .categories {\n grid-template-columns: 1fr;\n }\n \n .video-container {\n width: 300px;\n height: 169px; \/* 16:9 ratio *\/\n }\n }\n\n @media (max-width: 480px) {\n .hero {\n padding: 3rem 0;\n }\n \n .hero h1 {\n font-size: 1.8rem;\n }\n \n .section-heading {\n font-size: 1.8rem;\n }\n \n .cta-button {\n padding: 12px 20px;\n font-size: 1rem;\n }\n \n .video-container {\n bottom: 10px;\n right: 10px;\n width: 250px;\n height: 141px; \/* 16:9 ratio *\/\n }\n }\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-content {\n background-color: #111; \/* \u80cc\u666f\u8272\u3092\u9ed2\u7cfb\u306b\u5909\u66f4 *\/\n border-radius: 8px;\n width: 90%;\n max-width: 900px;\n overflow: hidden;\n position: relative;\n color: white; \/* \u30c6\u30ad\u30b9\u30c8\u3092\u767d\u306b *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30d8\u30c3\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n border-bottom: 1px solid #333; \/* \u5883\u754c\u7dda\u306e\u8272\u3082\u6697\u3081\u306b *\/\n background-color: #222; \/* \u30d8\u30c3\u30c0\u30fc\u80cc\u666f\u8272 *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30bf\u30d6\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-tab {\n padding: 8px 16px;\n background-color: #333; \/* \u30bf\u30d6\u306e\u80cc\u666f\u8272 *\/\n color: #ccc; \/* \u30bf\u30d6\u306e\u30c6\u30ad\u30b9\u30c8\u8272 *\/\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.modal-tab.active {\n background-color: var(--primary-color); \/* \u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30bf\u30d6\u306e\u80cc\u666f\u8272\u306f\u305d\u306e\u307e\u307e *\/\n color: white;\n}\n\n\/* \u9589\u3058\u308b\u30dc\u30bf\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.close-btn {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: #ccc; \/* \u30dc\u30bf\u30f3\u306e\u8272 *\/\n}\n\n.close-btn:hover {\n color: white; \/* \u30db\u30d0\u30fc\u6642\u306e\u8272 *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30d5\u30c3\u30bf\u30fc\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #333; \/* \u5883\u754c\u7dda\u306e\u8272\u3082\u6697\u3081\u306b *\/\n background-color: #222; \/* \u30d5\u30c3\u30bf\u30fc\u80cc\u666f\u8272 *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30dc\u30bf\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-btn {\n padding: 8px 16px;\n background-color: #333; \/* \u30dc\u30bf\u30f3\u306e\u80cc\u666f\u8272 *\/\n color: white; \/* \u30dc\u30bf\u30f3\u306e\u30c6\u30ad\u30b9\u30c8\u8272 *\/\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.modal-btn:hover {\n background-color: #444; \/* \u30db\u30d0\u30fc\u6642\u306e\u80cc\u666f\u8272 *\/\n}\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero\">\n <div class=\"hero-bg-image\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n \n\n<div class=\"video-container\">\n <div class=\"video-wrapper\">\n \n <div class=\"video-player\" id=\"video1Container\">\n <div id=\"video1\"><\/div>\n <\/div>\n \n \n <div class=\"video-player hidden\" id=\"video2Container\">\n <div id=\"video2\"><\/div>\n <\/div>\n \n \n <div class=\"video-controls\">\n <button class=\"video-btn\" id=\"playToggleBtn\" title=\"\u518d\u751f\/\u505c\u6b62\">\n <i class=\"fas fa-pause\" id=\"playIcon\" aria-hidden=\"true\"><\/i>\n <\/button>\n <button class=\"video-btn\" id=\"expandBtn\" title=\"\u62e1\u5927\u8868\u793a\">\n <i class=\"fas fa-expand\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n<\/div>\n \n <div class=\"container hero-content\">\n <h1>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d<\/h1>\n <p>30\u5e74\u4ee5\u5185\u306b70\u301c80%\u306e\u78ba\u7387\u3067\u767a\u751f\u3059\u308b\u3068\u8a00\u308f\u308c\u3066\u3044\u308b\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u3002\u3042\u306a\u305f\u3068\u3042\u306a\u305f\u306e\u5927\u5207\u306a\u4eba\u3092\u5b88\u308b\u305f\u3081\u306e\u6e96\u5099\u306f\u5341\u5206\u3067\u3059\u304b\uff1f<\/p>\n <a href=\"#categories\" class=\"cta-button\"><i class=\"fas fa-shopping-cart\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u54c1\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b<\/a>\n <\/div>\n <\/section>\n\n \n <div id=\"videoModal\" class=\"modal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <div class=\"modal-tabs\">\n <button class=\"modal-tab active\" id=\"videoTab1\">\u5185\u95a3\u5e9c\uff1a\u5357\u6d77\u30c8\u30e9\u30d5\u5de8\u5927\u5730\u9707\u7de8 \u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u7de8<\/button>\n <button class=\"modal-tab\" id=\"videoTab2\">\u5185\u95a3\u5e9c\uff1a\u5357\u6d77\u30c8\u30e9\u30d5\u5de8\u5927\u5730\u9707\u7de8 \u88ab\u5bb3\u60f3\u5b9a\u7de8<\/button>\n <\/div>\n <button class=\"close-btn\" id=\"closeModalBtn\">×<\/button>\n <\/div>\n <div class=\"modal-body\">\n <iframe id=\"modalVideo1\" class=\"active\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <iframe id=\"modalVideo2\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <div class=\"modal-footer\">\n <button class=\"modal-btn\" id=\"closeModalBtnFooter\">\u9589\u3058\u308b<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <main class=\"main-content container\">\n <section class=\"intro\">\n <h2 class=\"section-heading\">\u3044\u3064\u8d77\u304d\u3066\u3082\u304a\u304b\u3057\u304f\u306a\u3044\u5927\u898f\u6a21\u707d\u5bb3\u3078\u306e\u5099\u3048<\/h2>\n <p>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306f\u3001\u9759\u5ca1\u770c\u304b\u3089\u5bae\u5d0e\u770c\u306b\u304b\u3051\u3066\u306e\u5e83\u3044\u7bc4\u56f2\u306b\u751a\u5927\u306a\u88ab\u5bb3\u3092\u3082\u305f\u3089\u3059\u3068\u4e88\u6e2c\u3055\u308c\u3066\u3044\u307e\u3059\u3002<br>\u6d25\u6ce2\u3001\u9577\u671f\u505c\u96fb\u3001\u65ad\u6c34\u306a\u3069\u3001\u69d8\u3005\u306a\u4e8c\u6b21\u707d\u5bb3\u3082\u60f3\u5b9a\u3055\u308c\u308b\u3053\u306e\u672a\u66fe\u6709\u306e\u707d\u5bb3\u306b\u5099\u3048\u308b\u305f\u3081\u306b\u306f\u3001\u9069\u5207\u306a\u9632\u707d\u30b0\u30c3\u30ba\u306e\u6e96\u5099\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n <p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u5b9f\u969b\u306e\u707d\u5bb3\u7d4c\u9a13\u8005\u3084\u9632\u707d\u306e\u77e5\u898b\u3092\u3082\u3068\u306b\u3001\u672c\u5f53\u306b\u5f79\u7acb\u3064\u9632\u707d\u309213\u306e\u30ab\u30c6\u30b4\u30ea\u306b\u5206\u3051\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u5404\u30ab\u30c6\u30b4\u30ea\u3067\u306f\u5b9f\u7528\u7684\u306a\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/section>\n\n <section id=\"categories\" class=\"categories\">\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzsolar.jpg\" alt=\"\u30dd\u30fc\u30bf\u30d6\u30eb\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-solar-panel\" aria-hidden=\"true\"><\/i> \u30dd\u30fc\u30bf\u30d6\u30eb\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb<\/h3>\n <p class=\"category-description\">\u707d\u5bb3\u6642\u306b\u5f79\u7acb\u3064\u30dd\u30fc\u30bf\u30d6\u30eb\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb\u3002\u505c\u96fb\u304c\u9577\u671f\u5316\u3057\u3066\u3082\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u5145\u96fb\u3084LED\u7167\u660e\u306e\u4f7f\u7528\u306a\u3069\u3001\u6700\u4f4e\u9650\u306e\u96fb\u6c17\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306e\u5fc5\u9808\u30a2\u30a4\u30c6\u30e0\u3067\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=31\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzbattery2.jpg\" alt=\"\u30dd\u30fc\u30bf\u30d6\u30eb\u96fb\u6e90\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-battery-full\" aria-hidden=\"true\"><\/i> \u30dd\u30fc\u30bf\u30d6\u30eb\u96fb\u6e90\uff08\u84c4\u96fb\u6c60\uff09<\/h3>\n <p class=\"category-description\">\u505c\u96fb\u6642\u306e\u96fb\u6e90\u78ba\u4fdd\u306f\u73fe\u4ee3\u793e\u4f1a\u3067\u306f\u6700\u91cd\u8981\u8ab2\u984c\u3002\u30b9\u30de\u30db\u306e\u5145\u96fb\u304b\u3089\u5c0f\u578b\u5bb6\u96fb\u306e\u4f7f\u7528\u307e\u3067\u3001\u5e45\u5e83\u3044\u7528\u9014\u306b\u5bfe\u5fdc\u3059\u308b\u30dd\u30fc\u30bf\u30d6\u30eb\u96fb\u6e90\u306e\u9078\u3073\u65b9\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=43\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzbitiku.jpg\" alt=\"\u9632\u707d\u98df\u30fb\u5099\u84c4\u98df\u54c1\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-utensils\" aria-hidden=\"true\"><\/i> \u9632\u707d\u98df\u30fb\u5099\u84c4\u98df\u54c1<\/h3>\n <p class=\"category-description\">\u9577\u671f\u4fdd\u5b58\u53ef\u80fd\u3067\u3042\u308a\u306a\u304c\u3089\u7f8e\u5473\u3057\u3044\u9632\u707d\u98df\u3092\u6bd4\u8f03\u3002\u30a2\u30ec\u30eb\u30ae\u30fc\u5bfe\u5fdc\u98df\u54c1\u3084\u3001\u5b9f\u969b\u306b\u98df\u3079\u6bd4\u3079\u305f\u5473\u306e\u30ec\u30d3\u30e5\u30fc\u3082\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=61\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u524d\u534a\u306e\u8a73\u7d30<\/a>\n <a href=\"https:\/\/sansan2020.jp\/?p=72\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u5f8c\u534a\u306e\u8a73\u7d30<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzwater.jpg\" alt=\"\u6d44\u6c34\u5668\u30fb\u9632\u707d\u7528\u6c34\u30bf\u30f3\u30af\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-tint\" aria-hidden=\"true\"><\/i> \u6d44\u6c34\u5668\u30fb\u9632\u707d\u7528\u6c34\u30bf\u30f3\u30af<\/h3>\n <p class=\"category-description\">\u4eba\u9593\u306e\u751f\u5b58\u306b\u6700\u3082\u91cd\u8981\u306a\u6c34\u3002\u643a\u5e2f\u578b\u6d44\u6c34\u5668\u3084\u6298\u308a\u305f\u305f\u307f\u5f0f\u6c34\u30bf\u30f3\u30af\u306a\u3069\u3001\u69d8\u3005\u306a\u6c34\u306e\u78ba\u4fdd\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=140\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzradio2.jpg\" alt=\"\u591a\u6a5f\u80fd\u9632\u707d\u30e9\u30b8\u30aa\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-broadcast-tower\" aria-hidden=\"true\"><\/i> \u591a\u6a5f\u80fd\u9632\u707d\u30e9\u30b8\u30aa<\/h3>\n <p class=\"category-description\">\u624b\u56de\u3057\u5145\u96fb\u30fb\u30bd\u30fc\u30e9\u30fc\u5145\u96fb\u5bfe\u5fdc\u306e\u9632\u707d\u30e9\u30b8\u30aa\u306f\u3001\u60c5\u5831\u53ce\u96c6\u306b\u6b20\u304b\u305b\u306a\u3044\u30a2\u30a4\u30c6\u30e0\u3002\u30b9\u30de\u30db\u5145\u96fb\u6a5f\u80fd\u4ed8\u304d\u30e2\u30c7\u30eb\u3082\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=200\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzbag.jpg\" alt=\"\u9632\u707d\u30d0\u30c3\u30b0\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-suitcase\" aria-hidden=\"true\"><\/i> \u9632\u707d\u30d0\u30c3\u30b0\uff08\u975e\u5e38\u6301\u3061\u51fa\u3057\u888b\uff09<\/h3>\n <p class=\"category-description\">\u907f\u96e3\u6642\u306b\u5fc5\u8981\u306a\u3082\u306e\u3092\u3059\u3050\u306b\u6301\u3061\u51fa\u305b\u308b\u3088\u3046\u6e96\u5099\u3057\u3066\u304a\u304f\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u4eba\u6570\u5225\u30fb\u72b6\u6cc1\u5225\u306e\u4e2d\u8eab\u306e\u63d0\u6848\u306a\u3069\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=220\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzlight.jpg\" alt=\"LED\u30e9\u30a4\u30c8\u30fb\u30e9\u30f3\u30bf\u30f3\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-lightbulb\" aria-hidden=\"true\"><\/i> LED\u9632\u707d\u30e9\u30a4\u30c8\u30fb\u30e9\u30f3\u30bf\u30f3<\/h3>\n <p class=\"category-description\">\u505c\u96fb\u6642\u306e\u6697\u95c7\u306f\u4e0d\u5b89\u3068\u5371\u967a\u3092\u3082\u305f\u3089\u3057\u307e\u3059\u3002\u9577\u6642\u9593\u4f7f\u7528\u53ef\u80fd\u306aLED\u30e9\u30a4\u30c8\u3084\u30de\u30eb\u30c1\u6a5f\u80fd\u30e9\u30f3\u30bf\u30f3\u3067\u5099\u3048\u307e\u3057\u3087\u3046\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=309\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zztoire.jpg\" alt=\"\u9632\u707d\u30c8\u30a4\u30ec\">\n <div class=\"category-content\">\n <span class=\"importance-badge essential\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i> \u5fc5\u9808\u30a2\u30a4\u30c6\u30e0<\/span>\n <h3><i class=\"fas fa-toilet\" aria-hidden=\"true\"><\/i> \u9632\u707d\u30c8\u30a4\u30ec\u30fb\u7c21\u6613\u30c8\u30a4\u30ec<\/h3>\n <p class=\"category-description\">\u707d\u5bb3\u6642\u306b\u6700\u3082\u5207\u5b9f\u306a\u554f\u984c\u306e\u4e00\u3064\u304c\u30c8\u30a4\u30ec\u554f\u984c\u3067\u3059\u3002\u643a\u5e2f\u30c8\u30a4\u30ec\u306e\u7a2e\u985e\u3068\u4f7f\u3044\u65b9\u3001\u9577\u671f\u4f7f\u7528\u3092\u60f3\u5b9a\u3057\u305f\u9632\u707d\u30c8\u30a4\u30ec\u30b7\u30b9\u30c6\u30e0\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=160\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzdpcooking.jpg\" alt=\"\u9632\u707d\u7528\u8abf\u7406\u5668\u5177\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-fire\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u8abf\u7406\u5668\u5177 new!<\/h3>\n <p class=\"category-description\">\u6e29\u304b\u3044\u98df\u4e8b\u306f\u4f53\u529b\u3068\u7cbe\u795e\u529b\u306e\u7dad\u6301\u306b\u91cd\u8981\u3067\u3059\u3002\u30ab\u30bb\u30c3\u30c8\u30b3\u30f3\u30ed\u3084\u85aa\u30fb\u56fa\u5f62\u71c3\u6599\u3067\u4f7f\u3048\u308b\u30b3\u30f3\u30d1\u30af\u30c8\u8abf\u7406\u5668\u5177\u306e\u6bd4\u8f03\u3092\u3054\u7d39\u4ecb\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=365\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u524d\u534a\u306e\u8a73\u7d30<\/a>\n <a href=\"https:\/\/sansan2020.jp\/?p=403\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u5f8c\u534a\u306e\u8a73\u7d30<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzmask.jpg\" alt=\"\u9632\u707d\u7528\u30de\u30b9\u30af\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-head-side-mask\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u30de\u30b9\u30af\u30fb\u9632\u5875\u30de\u30b9\u30af New!<\/h3>\n <p class=\"category-description\">\u706b\u707d\u3084\u5012\u58ca\u6642\u306e\u7c89\u5875\u5bfe\u7b56\u3001\u611f\u67d3\u75c7\u5bfe\u7b56\u306b\u3082\u5f79\u7acb\u3064\u9ad8\u6027\u80fd\u30de\u30b9\u30af\u3002\u9577\u671f\u4fdd\u5b58\u53ef\u80fd\u306a\u30bf\u30a4\u30d7\u3082\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=450\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzsleep.jpg\" alt=\"\u9632\u707d\u7528\u5bdd\u5177\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-bed\" aria-hidden=\"true\"><\/i> \u30a8\u30de\u30fc\u30b8\u30a7\u30f3\u30b7\u30fc\u30d6\u30e9\u30f3\u30b1\u30c3\u30c8\u30fb\u5bdd\u888b New!<\/h3>\n <p class=\"category-description\">\u907f\u96e3\u6240\u751f\u6d3b\u3092\u5c11\u3057\u3067\u3082\u5feb\u9069\u306b\u3059\u308b\u305f\u3081\u306e\u5bdd\u5177\u985e\u3002\u9ad8\u65ad\u71b1\u30fb\u30b3\u30f3\u30d1\u30af\u30c8\u53ce\u7d0d\u30bf\u30a4\u30d7\u306e\u6bd4\u8f03\u30ec\u30d3\u30e5\u30fc\u3067\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=504\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/05\/zzsumaho.jpg\" alt=\"\u9632\u707d\u7528\u901a\u4fe1\u6a5f\u5668\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-satellite-dish\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u901a\u4fe1\u6a5f\u5668<\/h3>\n <p class=\"category-description\">\u643a\u5e2f\u96fb\u8a71\u7db2\u304c\u906e\u65ad\u3055\u308c\u305f\u72b6\u6cc1\u3067\u3082\u9023\u7d61\u3092\u53d6\u308a\u5408\u3048\u308b\u901a\u4fe1\u624b\u6bb5\u306e\u78ba\u4fdd\u3002\u30c8\u30e9\u30f3\u30b7\u30fc\u30d0\u30fc\u3084\u7121\u7dda\u6a5f\u306e\u9078\u3073\u65b9\u3001\u885b\u661f\u96fb\u8a71\u306a\u3069\u3092\u3054\u7d39\u4ecb\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=525\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzcomingsoon.jpg\" alt=\"\u9632\u707d\u30b0\u30c3\u30ba\u307e\u3068\u3081\">\n <div class=\"category-content\">\n <span class=\"importance-badge essential\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i> \u5fc5\u9808\u30a2\u30a4\u30c6\u30e0<\/span>\n <h3><i class=\"fas fa-clipboard-list\" aria-hidden=\"true\"><\/i> \u9632\u707d\u30b0\u30c3\u30ba\u307e\u3068\u3081\u8a18\u4e8b<\/h3>\n <p class=\"category-description\">\u521d\u5fc3\u8005\u5411\u3051\u5fc5\u9808\u9632\u707d\u30b0\u30c3\u30ba10\u9078\u3001\u4e88\u7b97\u5225\uff081\u4e07\u5186\/3\u4e07\u5186\/5\u4e07\u5186\uff09\u3067\u63c3\u3048\u308b\u9632\u707d\u30bb\u30c3\u30c8\u3001\u5b63\u7bc0\u5225\uff08\u590f\/\u51ac\uff09\u306e\u8ffd\u52a0\u9632\u707d\u30b0\u30c3\u30ba\u306a\u3069\u3002<\/p>\n <a href=\"#\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> upcoming<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"alert-box\">\n <div class=\"alert-icon\">\n <i class=\"fas fa-exclamation-triangle\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3>\u653f\u5e9c\u304b\u3089\u306e\u8b66\u544a<\/h3>\n <p>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u767a\u751f\u6642\u306b\u306f\u3001\u884c\u653f\u306b\u3088\u308b\u652f\u63f4\u304c\u5168\u3066\u306e\u88ab\u707d\u8005\u306b\u884c\u304d\u6e21\u308b\u307e\u3067\u306b1\u9031\u9593\u4ee5\u4e0a\u304b\u304b\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u6700\u4f4e\u3067\u30821\u9031\u9593\u5206\u306e\u5099\u3048\u3092\u5404\u5bb6\u5ead\u3067\u6e96\u5099\u3059\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/main>\n\n<script>\n\/**\n * \u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306e\u52d5\u753b\u8868\u793a\u30b9\u30af\u30ea\u30d7\u30c8 - \u4fee\u6b63\u7248\n * \u7279\u5fb4:\n * - \u53f3\u4e0b\u306b\u30eb\u30fc\u30d7\u5207\u66ff\u52d5\u753b\u3092\u8868\u793a\n * - \u30ab\u30b9\u30bf\u30e0\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3067\u518d\u751f\/\u505c\u6b62\u3068\u62e1\u5927\u8868\u793a\n * - \u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u30672\u3064\u306e\u52d5\u753b\u3092\u9078\u629e\u53ef\u80fd\n *\/\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u8981\u7d20\u306e\u53d6\u5f97\n const video1Container = document.getElementById('video1Container');\n const video2Container = document.getElementById('video2Container');\n const video1 = document.getElementById('video1');\n const video2 = document.getElementById('video2');\n const playToggleBtn = document.getElementById('playToggleBtn');\n const playIcon = document.getElementById('playIcon');\n const expandBtn = document.getElementById('expandBtn');\n const videoModal = document.getElementById('videoModal');\n const closeModalBtn = document.getElementById('closeModalBtn');\n const closeModalBtnFooter = document.getElementById('closeModalBtnFooter');\n const modalVideo1 = document.getElementById('modalVideo1');\n const modalVideo2 = document.getElementById('modalVideo2');\n const videoTab1 = document.getElementById('videoTab1');\n const videoTab2 = document.getElementById('videoTab2');\n \n \/\/ YouTube API Player\u7528\u306e\u5909\u6570\n let player1, player2;\n \n \/\/ \u73fe\u5728\u306e\u30d3\u30c7\u30aa\u3068\u518d\u751f\u72b6\u614b\u306e\u8ffd\u8de1\n let currentVideoIndex = 1;\n let isPlaying = true;\n \n \/\/ YouTube API\u8aad\u307f\u8fbc\u307f\n const tag = document.createElement('script');\n tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n const firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n \n \/\/ YouTube API\u6e96\u5099\u5b8c\u4e86\u6642\u306b\u547c\u3073\u51fa\u3055\u308c\u308b\u95a2\u6570\n window.onYouTubeIframeAPIReady = function() {\n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u521d\u671f\u5316\n\/\/ YouTube Player API \u30d7\u30ec\u30fc\u30e4\u30fc\u521d\u671f\u5316\u90e8\u5206\u306e\u4fee\u6b63\n\n\/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u521d\u671f\u5316\nplayer1 = new YT.Player('video1', {\n videoId: 'sne6G22yWjA',\n playerVars: {\n 'autoplay': 1,\n 'mute': 1,\n 'loop': 1,\n 'playlist': 'sne6G22yWjA',\n 'controls': 0,\n 'rel': 0,\n 'showinfo': 0,\n 'modestbranding': 1\n },\n events: {\n 'onReady': onPlayer1Ready,\n 'onStateChange': onPlayer1StateChange\n }\n});\n\n\/\/ \u30d7\u30ec\u30fc\u30e4\u30fc2\u306e\u521d\u671f\u5316\nplayer2 = new YT.Player('video2', {\n videoId: 'gjs7x9FZuYE',\n playerVars: {\n 'autoplay': 0,\n 'mute': 1,\n 'loop': 1,\n 'playlist': 'gjs7x9FZuYE',\n 'controls': 0,\n 'rel': 0,\n 'showinfo': 0,\n 'modestbranding': 1\n },\n events: {\n 'onReady': onPlayer2Ready\n }\n});\n };\n \n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u6e96\u5099\u5b8c\u4e86\u6642\n function onPlayer1Ready(event) {\n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u3092\u518d\u751f\n event.target.playVideo();\n }\n \n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc2\u306e\u6e96\u5099\u5b8c\u4e86\u6642\n function onPlayer2Ready(event) {\n \/\/ \u4f55\u3082\u3057\u306a\u3044\uff08\u521d\u671f\u72b6\u614b\u3067\u306f\u975e\u8868\u793a\uff09\n }\n \n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u72b6\u614b\u5909\u66f4\u6642\n function onPlayer1StateChange(event) {\n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc\u306e\u72b6\u614b\u306b\u5408\u308f\u305b\u3066\u30a2\u30a4\u30b3\u30f3\u3092\u66f4\u65b0\n if (event.data === YT.PlayerState.PLAYING) {\n playIcon.classList.remove('fa-play');\n playIcon.classList.add('fa-pause');\n isPlaying = true;\n } else if (event.data === YT.PlayerState.PAUSED) {\n playIcon.classList.remove('fa-pause');\n playIcon.classList.add('fa-play');\n isPlaying = false;\n }\n }\n \n \/\/ \u518d\u751f\/\u505c\u6b62\u30dc\u30bf\u30f3\u306e\u51e6\u7406\n playToggleBtn.addEventListener('click', function() {\n const currentPlayer = (currentVideoIndex === 1) ? player1 : player2;\n \n if (isPlaying) {\n \/\/ \u518d\u751f\u4e2d\u306a\u3089\u505c\u6b62\n currentPlayer.pauseVideo();\n playIcon.classList.remove('fa-pause');\n playIcon.classList.add('fa-play');\n } else {\n \/\/ \u505c\u6b62\u4e2d\u306a\u3089\u518d\u751f\n currentPlayer.playVideo();\n playIcon.classList.remove('fa-play');\n playIcon.classList.add('fa-pause');\n }\n isPlaying = !isPlaying;\n });\n \n \/\/ \u62e1\u5927\u30dc\u30bf\u30f3\u306e\u51e6\u7406\n expandBtn.addEventListener('click', function() {\n openModal();\n });\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n function openModal() {\n \/\/ \u73fe\u5728\u306e\u30d3\u30c7\u30aa\u306b\u57fa\u3065\u3044\u3066\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30bf\u30d6\u3092\u8a2d\u5b9a\n if (currentVideoIndex === 1) {\n videoTab1.classList.add('active');\n videoTab2.classList.remove('active');\n modalVideo1.classList.add('active');\n modalVideo2.classList.remove('active');\n modalVideo1.src = 'https:\/\/www.youtube.com\/embed\/sne6G22yWjA?autoplay=1&mute=0&loop=1&playlist=sne6G22yWjA';\n modalVideo2.src = '';\n } else {\n videoTab1.classList.remove('active');\n videoTab2.classList.add('active');\n modalVideo1.classList.remove('active');\n modalVideo2.classList.add('active');\n modalVideo1.src = '';\n modalVideo2.src = 'https:\/\/www.youtube.com\/embed\/gjs7x9FZuYE?autoplay=1&mute=0&loop=1&playlist=gjs7x9FZuYE';\n }\n \n videoModal.style.display = 'flex';\n document.body.style.overflow = 'hidden';\n }\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n function closeModal() {\n videoModal.style.display = 'none';\n modalVideo1.src = '';\n modalVideo2.src = '';\n document.body.style.overflow = 'auto';\n }\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u30bf\u30d6\u306e\u5207\u308a\u66ff\u3048\n videoTab1.addEventListener('click', function() {\n videoTab1.classList.add('active');\n videoTab2.classList.remove('active');\n modalVideo1.classList.add('active');\n modalVideo2.classList.remove('active');\n modalVideo1.src = 'https:\/\/www.youtube.com\/embed\/sne6G22yWjA?autoplay=1&mute=0&loop=1&playlist=sne6G22yWjA';\n modalVideo2.src = '';\n });\n \n videoTab2.addEventListener('click', function() {\n videoTab1.classList.remove('active');\n videoTab2.classList.add('active');\n modalVideo1.classList.remove('active');\n modalVideo2.classList.add('active');\n modalVideo1.src = '';\n modalVideo2.src = 'https:\/\/www.youtube.com\/embed\/gjs7x9FZuYE?autoplay=1&mute=0&loop=1&playlist=gjs7x9FZuYE';\n });\n \n \/\/ \u9589\u3058\u308b\u30dc\u30bf\u30f3\u306e\u30a4\u30d9\u30f3\u30c8\n closeModalBtn.addEventListener('click', closeModal);\n closeModalBtnFooter.addEventListener('click', closeModal);\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u80cc\u666f\u30af\u30ea\u30c3\u30af\u3067\u9589\u3058\u308b\n videoModal.addEventListener('click', function(event) {\n if (event.target === videoModal) {\n closeModal();\n }\n });\n \n \/\/ \u30d3\u30c7\u30aa\u5207\u308a\u66ff\u3048\u6a5f\u80fd\n \/\/ 10\u79d2\u3054\u3068\u306b\u81ea\u52d5\u7684\u306b\u52d5\u753b\u3092\u5207\u308a\u66ff\u3048\u308b\n setInterval(function() {\n if (currentVideoIndex === 1) {\n \/\/ \u30d3\u30c7\u30aa1\u304b\u3089\u30d3\u30c7\u30aa2\u3078\n video1Container.classList.add('hidden');\n video2Container.classList.remove('hidden');\n if (player2) {\n player2.playVideo();\n }\n currentVideoIndex = 2;\n } else {\n \/\/ \u30d3\u30c7\u30aa2\u304b\u3089\u30d3\u30c7\u30aa1\u3078\n video2Container.classList.add('hidden');\n video1Container.classList.remove('hidden');\n if (player1) {\n player1.playVideo();\n }\n currentVideoIndex = 1;\n }\n }, 10000); \/\/ 10\u79d2\u3054\u3068\u306b\u5207\u308a\u66ff\u3048\n});\n<\/script>\n\n\n\n<p><\/p>\n<div class=\"veu_socialSet veu_socialSet-position-after veu_contentAddSection\"><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src=\"https:\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,\"script\",\"twitter-wjs\"));<\/script><ul><li class=\"sb_facebook sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/www.facebook.com\/sharer.php?src=bm&u=https%3A%2F%2Fsansan2020.jp%2F&t=\" target=\"_blank\" onclick=\"window.open(this.href,'FBwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_fb icon_sns\"><\/span><span class=\"sns_txt\">Facebook<\/span><span class=\"veu_count_sns_fb\"><\/span><\/a><\/li><li class=\"sb_x_twitter sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fsansan2020.jp%2F&text=\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_x_twitter icon_sns\"><\/span><span class=\"sns_txt\">X<\/span><\/a><\/li><li class=\"sb_hatena sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/b.hatena.ne.jp\/add?mode=confirm&url=https%3A%2F%2Fsansan2020.jp%2F&title=\" target=\"_blank\" onclick=\"window.open(this.href,'Hatenawindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_hatena icon_sns\"><\/span><span class=\"sns_txt\">Hatena<\/span><span class=\"veu_count_sns_hb\"><\/span><\/a><\/li><li class=\"sb_pocket sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/getpocket.com\/edit?url=https%3A%2F%2Fsansan2020.jp%2F&title=\" target=\"_blank\" onclick=\"window.open(this.href,'Pokcetwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_pocket icon_sns\"><\/span><span class=\"sns_txt\">Pocket<\/span><span class=\"veu_count_sns_pocket\"><\/span><\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d\u5bfe\u7b56\uff5c\u9632\u707dBlog \u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d 30\u5e74\u4ee5\u5185\u306b70\u301c80%\u306e\u78ba\u7387\u3067\u767a\u751f\u3059\u308b\u3068\u8a00\u308f\u308c\u3066\u3044\u308b\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u3002\u3042\u306a\u305f\u3068\u3042\u306a\u305f\u306e\u5927\u5207\u306a\u4eba\u3092\u5b88\u308b\u305f\u3081\u306e\u6e96\u5099\u306f\u5341\u5206\u3067\u3059\u304b\uff1f \u9632\u707d\u7528\u54c1\u3092\u30c1\u30a7\u30c3\u30af\u3059 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lightning_design_setting":{"layout":"default"},"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":41,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Warning: Undefined variable $fa_family in /home/xs539022/sansan2020.jp/public_html/wp-content/plugins/vk-blocks/inc/vk-blocks/font-awesome/font-awesome-config.php on line 63
{"id":8,"date":"2025-04-03T16:23:08","date_gmt":"2025-04-03T07:23:08","guid":{"rendered":"http:\/\/sansan2020.jp\/?page_id=8"},"modified":"2025-05-22T07:18:16","modified_gmt":"2025-05-21T22:18:16","slug":"%e9%98%b2%e7%81%bd%e3%83%96%e3%83%ad%e3%82%b0","status":"publish","type":"page","link":"https:\/\/sansan2020.jp\/","title":{"rendered":"\u707d\u5bb3\u306b\u5099\u3048\u308b\u5bfe\u7b56\uff5c\u9632\u707dBlog"},"content":{"rendered":"\n\n\n\n \n \n \u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d\u5bfe\u7b56\uff5c\u9632\u707dBlog<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-color: #e63946;\n --secondary-color: #457b9d;\n --accent-color: #f1c40f;\n --bg-color: #f8f9fa;\n --dark-color: #1d3557;\n --light-color: #ffffff;\n --warning-color: #e67e22;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: var(--bg-color);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n header {\n background-color: var(--primary-color);\n color: var(--light-color);\n padding: 0rem 0;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n position: sticky;\n top: 0;\n z-index: 1000;\n }\n\n .nav-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 1.5rem;\n font-weight: bold;\n }\n\n .logo i {\n font-size: 1.8rem;\n }\n\n .nav-menu {\n display: flex;\n list-style: none;\n }\n\n .nav-menu li {\n margin-left: 1.5rem;\n }\n\n .nav-menu a {\n color: var(--light-color);\n text-decoration: none;\n font-weight: 500;\n transition: all 0.3s ease;\n padding: 5px 10px;\n border-radius: 4px;\n }\n\n .nav-menu a:hover {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n \/* Hero section with video *\/\n .hero {\n position: relative;\n height: 600px;\n overflow: hidden;\n margin-bottom: 0rem;\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n color: var(--light-color);\n text-align: center;\n padding: 4rem 0;\n }\n\n .hero-bg-image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/nttop.jpg');\n background-size: cover;\n background-position: center;\n z-index: 1;\n }\n\n .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(29, 53, 87, 0.7);\n z-index: 2;\n }\n\n .video-container {\n position: absolute;\n bottom: 30px;\n right: 30px;\n width: 450px;\n height: 253px; \/* 16:9 ratio for 450px width *\/\n z-index: 3;\n overflow: hidden;\n border-radius: 8px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n }\n\n .video-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .video-player {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 1;\n transition: opacity 0.5s ease;\n }\n\n .video-player.hidden {\n opacity: 0;\n pointer-events: none;\n }\n\n .video-controls {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.2);\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .video-container:hover .video-controls {\n opacity: 1;\n }\n\n .video-btn {\n background-color: rgba(255, 255, 255, 0.8);\n color: #000;\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s, transform 0.2s;\n margin: 0 10px;\n z-index: 5;\n }\n\n .video-btn:hover {\n background-color: rgba(255, 255, 255, 0.95);\n transform: scale(1.1);\n }\n\n .video-btn i {\n font-size: 18px;\n }\n\n \/* \u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\u306e\u30b5\u30a4\u30ba\u5236\u5fa1\u7528CSS *\/\n.video-player div {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.video-player div iframe {\n width: 100%;\n height: 100%;\n}\n\n\/* YouTube IFrame API\u7528\u306e\u30b9\u30bf\u30a4\u30eb *\/\n.video-container .ytp-cued-thumbnail-overlay {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n}\n\n\/* \u52d5\u753b\u3092\u6b63\u3057\u3044\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3067\u8868\u793a\u3057\u3001\u4e2d\u592e\u63c3\u3048\u3059\u308b *\/\n.video-player {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n \/* Modal for expanded video *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n }\n\n .modal-content {\n background-color: white;\n border-radius: 8px;\n width: 90%;\n max-width: 900px;\n overflow: hidden;\n position: relative;\n }\n\n .modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n border-bottom: 1px solid #ddd;\n }\n\n .modal-tabs {\n display: flex;\n gap: 10px;\n }\n\n .modal-tab {\n padding: 8px 16px;\n background-color: #f1f1f1;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .modal-tab.active {\n background-color: var(--primary-color);\n color: white;\n }\n\n .close-btn {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n }\n\n .modal-body {\n padding: 0;\n }\n\n .modal-body iframe {\n width: 100%;\n height: 500px;\n border: none;\n display: none;\n }\n\n .modal-body iframe.active {\n display: block;\n }\n\n .modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #ddd;\n }\n\n .modal-btn {\n padding: 8px 16px;\n background-color: #f1f1f1;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .modal-btn:hover {\n background-color: #ddd;\n }\n\n \/* Animation *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero h1 {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n animation: fadeInUp 1s ease-out;\n }\n\n .hero p {\n font-size: 1.3rem;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\n animation: fadeInUp 1.2s ease-out;\n }\n\n .cta-button {\n display: inline-block;\n background-color: var(--accent-color);\n color: var(--dark-color);\n font-weight: bold;\n padding: 14px 28px;\n text-decoration: none;\n border-radius: 50px;\n transition: all 0.3s ease;\n font-size: 1.1rem;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n animation: fadeInUp 1.4s ease-out;\n }\n\n .cta-button:hover {\n background-color: #e2b607;\n transform: translateY(-3px);\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n }\n\n .main-content {\n padding: 2rem 0 4rem;\n }\n\n .intro {\n margin-bottom: 4rem;\n text-align: center;\n padding: 0 1rem;\n }\n\n .section-heading {\n position: relative;\n display: inline-block;\n margin-bottom: 2rem;\n }\n\n .section-heading::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background-color: var(--primary-color);\n border-radius: 2px;\n }\n\n .intro h2 {\n font-size: 2.2rem;\n color: var(--dark-color);\n margin-bottom: 1.5rem;\n }\n\n .intro p {\n max-width: 900px;\n margin: 0 auto 1.5rem;\n font-size: 1.1rem;\n line-height: 1.8;\n }\n\n .alert-box {\n background-color: var(--warning-color);\n color: var(--light-color);\n padding: 2rem;\n border-radius: 10px;\n margin: 3rem auto;\n max-width: 900px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n overflow: hidden;\n }\n\n .alert-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, #e74c3c, #f39c12);\n }\n\n .alert-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .alert-box h3 {\n margin-bottom: 1rem;\n font-size: 1.5rem;\n }\n\n .alert-box p {\n font-size: 1.1rem;\n max-width: 700px;\n }\n\n .categories {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 2.5rem;\n margin-bottom: 4rem;\n }\n\n .category-card {\n background-color: var(--light-color);\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n position: relative;\n }\n\n .category-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);\n }\n\n .category-card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .category-card:hover img {\n transform: scale(1.05);\n }\n\n .category-content {\n padding: 1.8rem;\n }\n\n .category-content h3 {\n font-size: 1.6rem;\n margin-bottom: 0.8rem;\n color: var(--dark-color);\n }\n\n .category-description {\n margin-bottom: 1.2rem;\n color: #555;\n line-height: 1.7;\n }\n\n .importance-badge {\n display: inline-block;\n padding: 6px 12px;\n border-radius: 30px;\n font-size: 0.85rem;\n font-weight: bold;\n margin-bottom: 12px;\n letter-spacing: 0.5px;\n }\n\n .high {\n background-color: #e74c3c;\n color: white;\n }\n\n .medium {\n background-color: #f39c12;\n color: white;\n }\n\n .essential {\n background-color: #2ecc71;\n color: white;\n }\n\n .read-more {\n display: inline-block;\n background-color: var(--secondary-color);\n color: var(--light-color);\n padding: 8px 18px;\n text-decoration: none;\n border-radius: 50px;\n font-weight: bold;\n transition: all 0.3s ease;\n margin-right: 10px;\n margin-bottom: 10px;\n }\n\n .read-more:hover {\n background-color: #3d6e8a;\n transform: translateY(-2px);\n }\n\n @media (max-width: 992px) {\n .hero h1 {\n font-size: 2.5rem;\n }\n \n .video-container {\n width: 350px;\n height: 197px; \/* 16:9 ratio *\/\n }\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n .hero p {\n font-size: 1.1rem;\n }\n \n .categories {\n grid-template-columns: 1fr;\n }\n \n .video-container {\n width: 300px;\n height: 169px; \/* 16:9 ratio *\/\n }\n }\n\n @media (max-width: 480px) {\n .hero {\n padding: 3rem 0;\n }\n \n .hero h1 {\n font-size: 1.8rem;\n }\n \n .section-heading {\n font-size: 1.8rem;\n }\n \n .cta-button {\n padding: 12px 20px;\n font-size: 1rem;\n }\n \n .video-container {\n bottom: 10px;\n right: 10px;\n width: 250px;\n height: 141px; \/* 16:9 ratio *\/\n }\n }\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-content {\n background-color: #111; \/* \u80cc\u666f\u8272\u3092\u9ed2\u7cfb\u306b\u5909\u66f4 *\/\n border-radius: 8px;\n width: 90%;\n max-width: 900px;\n overflow: hidden;\n position: relative;\n color: white; \/* \u30c6\u30ad\u30b9\u30c8\u3092\u767d\u306b *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30d8\u30c3\u30c0\u30fc\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n border-bottom: 1px solid #333; \/* \u5883\u754c\u7dda\u306e\u8272\u3082\u6697\u3081\u306b *\/\n background-color: #222; \/* \u30d8\u30c3\u30c0\u30fc\u80cc\u666f\u8272 *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30bf\u30d6\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-tab {\n padding: 8px 16px;\n background-color: #333; \/* \u30bf\u30d6\u306e\u80cc\u666f\u8272 *\/\n color: #ccc; \/* \u30bf\u30d6\u306e\u30c6\u30ad\u30b9\u30c8\u8272 *\/\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.modal-tab.active {\n background-color: var(--primary-color); \/* \u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30bf\u30d6\u306e\u80cc\u666f\u8272\u306f\u305d\u306e\u307e\u307e *\/\n color: white;\n}\n\n\/* \u9589\u3058\u308b\u30dc\u30bf\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.close-btn {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: #ccc; \/* \u30dc\u30bf\u30f3\u306e\u8272 *\/\n}\n\n.close-btn:hover {\n color: white; \/* \u30db\u30d0\u30fc\u6642\u306e\u8272 *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30d5\u30c3\u30bf\u30fc\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #333; \/* \u5883\u754c\u7dda\u306e\u8272\u3082\u6697\u3081\u306b *\/\n background-color: #222; \/* \u30d5\u30c3\u30bf\u30fc\u80cc\u666f\u8272 *\/\n}\n\n\/* \u30e2\u30fc\u30c0\u30eb\u30dc\u30bf\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u5909\u66f4 *\/\n.modal-btn {\n padding: 8px 16px;\n background-color: #333; \/* \u30dc\u30bf\u30f3\u306e\u80cc\u666f\u8272 *\/\n color: white; \/* \u30dc\u30bf\u30f3\u306e\u30c6\u30ad\u30b9\u30c8\u8272 *\/\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.modal-btn:hover {\n background-color: #444; \/* \u30db\u30d0\u30fc\u6642\u306e\u80cc\u666f\u8272 *\/\n}\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero\">\n <div class=\"hero-bg-image\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n \n\n<div class=\"video-container\">\n <div class=\"video-wrapper\">\n \n <div class=\"video-player\" id=\"video1Container\">\n <div id=\"video1\"><\/div>\n <\/div>\n \n \n <div class=\"video-player hidden\" id=\"video2Container\">\n <div id=\"video2\"><\/div>\n <\/div>\n \n \n <div class=\"video-controls\">\n <button class=\"video-btn\" id=\"playToggleBtn\" title=\"\u518d\u751f\/\u505c\u6b62\">\n <i class=\"fas fa-pause\" id=\"playIcon\" aria-hidden=\"true\"><\/i>\n <\/button>\n <button class=\"video-btn\" id=\"expandBtn\" title=\"\u62e1\u5927\u8868\u793a\">\n <i class=\"fas fa-expand\" aria-hidden=\"true\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n<\/div>\n \n <div class=\"container hero-content\">\n <h1>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d<\/h1>\n <p>30\u5e74\u4ee5\u5185\u306b70\u301c80%\u306e\u78ba\u7387\u3067\u767a\u751f\u3059\u308b\u3068\u8a00\u308f\u308c\u3066\u3044\u308b\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u3002\u3042\u306a\u305f\u3068\u3042\u306a\u305f\u306e\u5927\u5207\u306a\u4eba\u3092\u5b88\u308b\u305f\u3081\u306e\u6e96\u5099\u306f\u5341\u5206\u3067\u3059\u304b\uff1f<\/p>\n <a href=\"#categories\" class=\"cta-button\"><i class=\"fas fa-shopping-cart\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u54c1\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b<\/a>\n <\/div>\n <\/section>\n\n \n <div id=\"videoModal\" class=\"modal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <div class=\"modal-tabs\">\n <button class=\"modal-tab active\" id=\"videoTab1\">\u5185\u95a3\u5e9c\uff1a\u5357\u6d77\u30c8\u30e9\u30d5\u5de8\u5927\u5730\u9707\u7de8 \u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u7de8<\/button>\n <button class=\"modal-tab\" id=\"videoTab2\">\u5185\u95a3\u5e9c\uff1a\u5357\u6d77\u30c8\u30e9\u30d5\u5de8\u5927\u5730\u9707\u7de8 \u88ab\u5bb3\u60f3\u5b9a\u7de8<\/button>\n <\/div>\n <button class=\"close-btn\" id=\"closeModalBtn\">×<\/button>\n <\/div>\n <div class=\"modal-body\">\n <iframe id=\"modalVideo1\" class=\"active\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <iframe id=\"modalVideo2\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <div class=\"modal-footer\">\n <button class=\"modal-btn\" id=\"closeModalBtnFooter\">\u9589\u3058\u308b<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <main class=\"main-content container\">\n <section class=\"intro\">\n <h2 class=\"section-heading\">\u3044\u3064\u8d77\u304d\u3066\u3082\u304a\u304b\u3057\u304f\u306a\u3044\u5927\u898f\u6a21\u707d\u5bb3\u3078\u306e\u5099\u3048<\/h2>\n <p>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306f\u3001\u9759\u5ca1\u770c\u304b\u3089\u5bae\u5d0e\u770c\u306b\u304b\u3051\u3066\u306e\u5e83\u3044\u7bc4\u56f2\u306b\u751a\u5927\u306a\u88ab\u5bb3\u3092\u3082\u305f\u3089\u3059\u3068\u4e88\u6e2c\u3055\u308c\u3066\u3044\u307e\u3059\u3002<br>\u6d25\u6ce2\u3001\u9577\u671f\u505c\u96fb\u3001\u65ad\u6c34\u306a\u3069\u3001\u69d8\u3005\u306a\u4e8c\u6b21\u707d\u5bb3\u3082\u60f3\u5b9a\u3055\u308c\u308b\u3053\u306e\u672a\u66fe\u6709\u306e\u707d\u5bb3\u306b\u5099\u3048\u308b\u305f\u3081\u306b\u306f\u3001\u9069\u5207\u306a\u9632\u707d\u30b0\u30c3\u30ba\u306e\u6e96\u5099\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n <p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u5b9f\u969b\u306e\u707d\u5bb3\u7d4c\u9a13\u8005\u3084\u9632\u707d\u306e\u77e5\u898b\u3092\u3082\u3068\u306b\u3001\u672c\u5f53\u306b\u5f79\u7acb\u3064\u9632\u707d\u309213\u306e\u30ab\u30c6\u30b4\u30ea\u306b\u5206\u3051\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u5404\u30ab\u30c6\u30b4\u30ea\u3067\u306f\u5b9f\u7528\u7684\u306a\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/section>\n\n <section id=\"categories\" class=\"categories\">\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzsolar.jpg\" alt=\"\u30dd\u30fc\u30bf\u30d6\u30eb\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-solar-panel\" aria-hidden=\"true\"><\/i> \u30dd\u30fc\u30bf\u30d6\u30eb\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb<\/h3>\n <p class=\"category-description\">\u707d\u5bb3\u6642\u306b\u5f79\u7acb\u3064\u30dd\u30fc\u30bf\u30d6\u30eb\u30bd\u30fc\u30e9\u30fc\u30d1\u30cd\u30eb\u3002\u505c\u96fb\u304c\u9577\u671f\u5316\u3057\u3066\u3082\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u5145\u96fb\u3084LED\u7167\u660e\u306e\u4f7f\u7528\u306a\u3069\u3001\u6700\u4f4e\u9650\u306e\u96fb\u6c17\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306e\u5fc5\u9808\u30a2\u30a4\u30c6\u30e0\u3067\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=31\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzbattery2.jpg\" alt=\"\u30dd\u30fc\u30bf\u30d6\u30eb\u96fb\u6e90\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-battery-full\" aria-hidden=\"true\"><\/i> \u30dd\u30fc\u30bf\u30d6\u30eb\u96fb\u6e90\uff08\u84c4\u96fb\u6c60\uff09<\/h3>\n <p class=\"category-description\">\u505c\u96fb\u6642\u306e\u96fb\u6e90\u78ba\u4fdd\u306f\u73fe\u4ee3\u793e\u4f1a\u3067\u306f\u6700\u91cd\u8981\u8ab2\u984c\u3002\u30b9\u30de\u30db\u306e\u5145\u96fb\u304b\u3089\u5c0f\u578b\u5bb6\u96fb\u306e\u4f7f\u7528\u307e\u3067\u3001\u5e45\u5e83\u3044\u7528\u9014\u306b\u5bfe\u5fdc\u3059\u308b\u30dd\u30fc\u30bf\u30d6\u30eb\u96fb\u6e90\u306e\u9078\u3073\u65b9\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=43\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzbitiku.jpg\" alt=\"\u9632\u707d\u98df\u30fb\u5099\u84c4\u98df\u54c1\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-utensils\" aria-hidden=\"true\"><\/i> \u9632\u707d\u98df\u30fb\u5099\u84c4\u98df\u54c1<\/h3>\n <p class=\"category-description\">\u9577\u671f\u4fdd\u5b58\u53ef\u80fd\u3067\u3042\u308a\u306a\u304c\u3089\u7f8e\u5473\u3057\u3044\u9632\u707d\u98df\u3092\u6bd4\u8f03\u3002\u30a2\u30ec\u30eb\u30ae\u30fc\u5bfe\u5fdc\u98df\u54c1\u3084\u3001\u5b9f\u969b\u306b\u98df\u3079\u6bd4\u3079\u305f\u5473\u306e\u30ec\u30d3\u30e5\u30fc\u3082\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=61\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u524d\u534a\u306e\u8a73\u7d30<\/a>\n <a href=\"https:\/\/sansan2020.jp\/?p=72\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u5f8c\u534a\u306e\u8a73\u7d30<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzwater.jpg\" alt=\"\u6d44\u6c34\u5668\u30fb\u9632\u707d\u7528\u6c34\u30bf\u30f3\u30af\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-tint\" aria-hidden=\"true\"><\/i> \u6d44\u6c34\u5668\u30fb\u9632\u707d\u7528\u6c34\u30bf\u30f3\u30af<\/h3>\n <p class=\"category-description\">\u4eba\u9593\u306e\u751f\u5b58\u306b\u6700\u3082\u91cd\u8981\u306a\u6c34\u3002\u643a\u5e2f\u578b\u6d44\u6c34\u5668\u3084\u6298\u308a\u305f\u305f\u307f\u5f0f\u6c34\u30bf\u30f3\u30af\u306a\u3069\u3001\u69d8\u3005\u306a\u6c34\u306e\u78ba\u4fdd\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=140\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzradio2.jpg\" alt=\"\u591a\u6a5f\u80fd\u9632\u707d\u30e9\u30b8\u30aa\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-broadcast-tower\" aria-hidden=\"true\"><\/i> \u591a\u6a5f\u80fd\u9632\u707d\u30e9\u30b8\u30aa<\/h3>\n <p class=\"category-description\">\u624b\u56de\u3057\u5145\u96fb\u30fb\u30bd\u30fc\u30e9\u30fc\u5145\u96fb\u5bfe\u5fdc\u306e\u9632\u707d\u30e9\u30b8\u30aa\u306f\u3001\u60c5\u5831\u53ce\u96c6\u306b\u6b20\u304b\u305b\u306a\u3044\u30a2\u30a4\u30c6\u30e0\u3002\u30b9\u30de\u30db\u5145\u96fb\u6a5f\u80fd\u4ed8\u304d\u30e2\u30c7\u30eb\u3082\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=200\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzbag.jpg\" alt=\"\u9632\u707d\u30d0\u30c3\u30b0\">\n <div class=\"category-content\">\n <span class=\"importance-badge high\"><i class=\"fas fa-exclamation-circle\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u6700\u9ad8<\/span>\n <h3><i class=\"fas fa-suitcase\" aria-hidden=\"true\"><\/i> \u9632\u707d\u30d0\u30c3\u30b0\uff08\u975e\u5e38\u6301\u3061\u51fa\u3057\u888b\uff09<\/h3>\n <p class=\"category-description\">\u907f\u96e3\u6642\u306b\u5fc5\u8981\u306a\u3082\u306e\u3092\u3059\u3050\u306b\u6301\u3061\u51fa\u305b\u308b\u3088\u3046\u6e96\u5099\u3057\u3066\u304a\u304f\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u4eba\u6570\u5225\u30fb\u72b6\u6cc1\u5225\u306e\u4e2d\u8eab\u306e\u63d0\u6848\u306a\u3069\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=220\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzlight.jpg\" alt=\"LED\u30e9\u30a4\u30c8\u30fb\u30e9\u30f3\u30bf\u30f3\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-lightbulb\" aria-hidden=\"true\"><\/i> LED\u9632\u707d\u30e9\u30a4\u30c8\u30fb\u30e9\u30f3\u30bf\u30f3<\/h3>\n <p class=\"category-description\">\u505c\u96fb\u6642\u306e\u6697\u95c7\u306f\u4e0d\u5b89\u3068\u5371\u967a\u3092\u3082\u305f\u3089\u3057\u307e\u3059\u3002\u9577\u6642\u9593\u4f7f\u7528\u53ef\u80fd\u306aLED\u30e9\u30a4\u30c8\u3084\u30de\u30eb\u30c1\u6a5f\u80fd\u30e9\u30f3\u30bf\u30f3\u3067\u5099\u3048\u307e\u3057\u3087\u3046\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=309\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zztoire.jpg\" alt=\"\u9632\u707d\u30c8\u30a4\u30ec\">\n <div class=\"category-content\">\n <span class=\"importance-badge essential\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i> \u5fc5\u9808\u30a2\u30a4\u30c6\u30e0<\/span>\n <h3><i class=\"fas fa-toilet\" aria-hidden=\"true\"><\/i> \u9632\u707d\u30c8\u30a4\u30ec\u30fb\u7c21\u6613\u30c8\u30a4\u30ec<\/h3>\n <p class=\"category-description\">\u707d\u5bb3\u6642\u306b\u6700\u3082\u5207\u5b9f\u306a\u554f\u984c\u306e\u4e00\u3064\u304c\u30c8\u30a4\u30ec\u554f\u984c\u3067\u3059\u3002\u643a\u5e2f\u30c8\u30a4\u30ec\u306e\u7a2e\u985e\u3068\u4f7f\u3044\u65b9\u3001\u9577\u671f\u4f7f\u7528\u3092\u60f3\u5b9a\u3057\u305f\u9632\u707d\u30c8\u30a4\u30ec\u30b7\u30b9\u30c6\u30e0\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=160\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u3092\u898b\u308b<\/a>\n\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzdpcooking.jpg\" alt=\"\u9632\u707d\u7528\u8abf\u7406\u5668\u5177\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-fire\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u8abf\u7406\u5668\u5177 new!<\/h3>\n <p class=\"category-description\">\u6e29\u304b\u3044\u98df\u4e8b\u306f\u4f53\u529b\u3068\u7cbe\u795e\u529b\u306e\u7dad\u6301\u306b\u91cd\u8981\u3067\u3059\u3002\u30ab\u30bb\u30c3\u30c8\u30b3\u30f3\u30ed\u3084\u85aa\u30fb\u56fa\u5f62\u71c3\u6599\u3067\u4f7f\u3048\u308b\u30b3\u30f3\u30d1\u30af\u30c8\u8abf\u7406\u5668\u5177\u306e\u6bd4\u8f03\u3092\u3054\u7d39\u4ecb\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=365\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u524d\u534a\u306e\u8a73\u7d30<\/a>\n <a href=\"https:\/\/sansan2020.jp\/?p=403\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> \u5f8c\u534a\u306e\u8a73\u7d30<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzmask.jpg\" alt=\"\u9632\u707d\u7528\u30de\u30b9\u30af\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-head-side-mask\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u30de\u30b9\u30af\u30fb\u9632\u5875\u30de\u30b9\u30af New!<\/h3>\n <p class=\"category-description\">\u706b\u707d\u3084\u5012\u58ca\u6642\u306e\u7c89\u5875\u5bfe\u7b56\u3001\u611f\u67d3\u75c7\u5bfe\u7b56\u306b\u3082\u5f79\u7acb\u3064\u9ad8\u6027\u80fd\u30de\u30b9\u30af\u3002\u9577\u671f\u4fdd\u5b58\u53ef\u80fd\u306a\u30bf\u30a4\u30d7\u3082\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=450\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzsleep.jpg\" alt=\"\u9632\u707d\u7528\u5bdd\u5177\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-bed\" aria-hidden=\"true\"><\/i> \u30a8\u30de\u30fc\u30b8\u30a7\u30f3\u30b7\u30fc\u30d6\u30e9\u30f3\u30b1\u30c3\u30c8\u30fb\u5bdd\u888b New!<\/h3>\n <p class=\"category-description\">\u907f\u96e3\u6240\u751f\u6d3b\u3092\u5c11\u3057\u3067\u3082\u5feb\u9069\u306b\u3059\u308b\u305f\u3081\u306e\u5bdd\u5177\u985e\u3002\u9ad8\u65ad\u71b1\u30fb\u30b3\u30f3\u30d1\u30af\u30c8\u53ce\u7d0d\u30bf\u30a4\u30d7\u306e\u6bd4\u8f03\u30ec\u30d3\u30e5\u30fc\u3067\u3059\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=504\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/05\/zzsumaho.jpg\" alt=\"\u9632\u707d\u7528\u901a\u4fe1\u6a5f\u5668\">\n <div class=\"category-content\">\n <span class=\"importance-badge medium\"><i class=\"fas fa-exclamation\" aria-hidden=\"true\"><\/i> \u512a\u5148\u5ea6\uff1a\u4e2d<\/span>\n <h3><i class=\"fas fa-satellite-dish\" aria-hidden=\"true\"><\/i> \u9632\u707d\u7528\u901a\u4fe1\u6a5f\u5668<\/h3>\n <p class=\"category-description\">\u643a\u5e2f\u96fb\u8a71\u7db2\u304c\u906e\u65ad\u3055\u308c\u305f\u72b6\u6cc1\u3067\u3082\u9023\u7d61\u3092\u53d6\u308a\u5408\u3048\u308b\u901a\u4fe1\u624b\u6bb5\u306e\u78ba\u4fdd\u3002\u30c8\u30e9\u30f3\u30b7\u30fc\u30d0\u30fc\u3084\u7121\u7dda\u6a5f\u306e\u9078\u3073\u65b9\u3001\u885b\u661f\u96fb\u8a71\u306a\u3069\u3092\u3054\u7d39\u4ecb\u3002<\/p>\n <a href=\"https:\/\/sansan2020.jp\/?p=525\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\u8a73\u7d30\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"category-card\">\n <img decoding=\"async\" src=\"https:\/\/sansan2020.jp\/wp-content\/uploads\/2025\/04\/zzcomingsoon.jpg\" alt=\"\u9632\u707d\u30b0\u30c3\u30ba\u307e\u3068\u3081\">\n <div class=\"category-content\">\n <span class=\"importance-badge essential\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i> \u5fc5\u9808\u30a2\u30a4\u30c6\u30e0<\/span>\n <h3><i class=\"fas fa-clipboard-list\" aria-hidden=\"true\"><\/i> \u9632\u707d\u30b0\u30c3\u30ba\u307e\u3068\u3081\u8a18\u4e8b<\/h3>\n <p class=\"category-description\">\u521d\u5fc3\u8005\u5411\u3051\u5fc5\u9808\u9632\u707d\u30b0\u30c3\u30ba10\u9078\u3001\u4e88\u7b97\u5225\uff081\u4e07\u5186\/3\u4e07\u5186\/5\u4e07\u5186\uff09\u3067\u63c3\u3048\u308b\u9632\u707d\u30bb\u30c3\u30c8\u3001\u5b63\u7bc0\u5225\uff08\u590f\/\u51ac\uff09\u306e\u8ffd\u52a0\u9632\u707d\u30b0\u30c3\u30ba\u306a\u3069\u3002<\/p>\n <a href=\"#\" class=\"read-more\"><i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i> upcoming<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"alert-box\">\n <div class=\"alert-icon\">\n <i class=\"fas fa-exclamation-triangle\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3>\u653f\u5e9c\u304b\u3089\u306e\u8b66\u544a<\/h3>\n <p>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u767a\u751f\u6642\u306b\u306f\u3001\u884c\u653f\u306b\u3088\u308b\u652f\u63f4\u304c\u5168\u3066\u306e\u88ab\u707d\u8005\u306b\u884c\u304d\u6e21\u308b\u307e\u3067\u306b1\u9031\u9593\u4ee5\u4e0a\u304b\u304b\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u6700\u4f4e\u3067\u30821\u9031\u9593\u5206\u306e\u5099\u3048\u3092\u5404\u5bb6\u5ead\u3067\u6e96\u5099\u3059\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/main>\n\n<script>\n\/**\n * \u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306e\u52d5\u753b\u8868\u793a\u30b9\u30af\u30ea\u30d7\u30c8 - \u4fee\u6b63\u7248\n * \u7279\u5fb4:\n * - \u53f3\u4e0b\u306b\u30eb\u30fc\u30d7\u5207\u66ff\u52d5\u753b\u3092\u8868\u793a\n * - \u30ab\u30b9\u30bf\u30e0\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3067\u518d\u751f\/\u505c\u6b62\u3068\u62e1\u5927\u8868\u793a\n * - \u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30a6\u30a3\u30f3\u30c9\u30a6\u30672\u3064\u306e\u52d5\u753b\u3092\u9078\u629e\u53ef\u80fd\n *\/\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u8981\u7d20\u306e\u53d6\u5f97\n const video1Container = document.getElementById('video1Container');\n const video2Container = document.getElementById('video2Container');\n const video1 = document.getElementById('video1');\n const video2 = document.getElementById('video2');\n const playToggleBtn = document.getElementById('playToggleBtn');\n const playIcon = document.getElementById('playIcon');\n const expandBtn = document.getElementById('expandBtn');\n const videoModal = document.getElementById('videoModal');\n const closeModalBtn = document.getElementById('closeModalBtn');\n const closeModalBtnFooter = document.getElementById('closeModalBtnFooter');\n const modalVideo1 = document.getElementById('modalVideo1');\n const modalVideo2 = document.getElementById('modalVideo2');\n const videoTab1 = document.getElementById('videoTab1');\n const videoTab2 = document.getElementById('videoTab2');\n \n \/\/ YouTube API Player\u7528\u306e\u5909\u6570\n let player1, player2;\n \n \/\/ \u73fe\u5728\u306e\u30d3\u30c7\u30aa\u3068\u518d\u751f\u72b6\u614b\u306e\u8ffd\u8de1\n let currentVideoIndex = 1;\n let isPlaying = true;\n \n \/\/ YouTube API\u8aad\u307f\u8fbc\u307f\n const tag = document.createElement('script');\n tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n const firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n \n \/\/ YouTube API\u6e96\u5099\u5b8c\u4e86\u6642\u306b\u547c\u3073\u51fa\u3055\u308c\u308b\u95a2\u6570\n window.onYouTubeIframeAPIReady = function() {\n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u521d\u671f\u5316\n\/\/ YouTube Player API \u30d7\u30ec\u30fc\u30e4\u30fc\u521d\u671f\u5316\u90e8\u5206\u306e\u4fee\u6b63\n\n\/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u521d\u671f\u5316\nplayer1 = new YT.Player('video1', {\n videoId: 'sne6G22yWjA',\n playerVars: {\n 'autoplay': 1,\n 'mute': 1,\n 'loop': 1,\n 'playlist': 'sne6G22yWjA',\n 'controls': 0,\n 'rel': 0,\n 'showinfo': 0,\n 'modestbranding': 1\n },\n events: {\n 'onReady': onPlayer1Ready,\n 'onStateChange': onPlayer1StateChange\n }\n});\n\n\/\/ \u30d7\u30ec\u30fc\u30e4\u30fc2\u306e\u521d\u671f\u5316\nplayer2 = new YT.Player('video2', {\n videoId: 'gjs7x9FZuYE',\n playerVars: {\n 'autoplay': 0,\n 'mute': 1,\n 'loop': 1,\n 'playlist': 'gjs7x9FZuYE',\n 'controls': 0,\n 'rel': 0,\n 'showinfo': 0,\n 'modestbranding': 1\n },\n events: {\n 'onReady': onPlayer2Ready\n }\n});\n };\n \n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u6e96\u5099\u5b8c\u4e86\u6642\n function onPlayer1Ready(event) {\n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u3092\u518d\u751f\n event.target.playVideo();\n }\n \n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc2\u306e\u6e96\u5099\u5b8c\u4e86\u6642\n function onPlayer2Ready(event) {\n \/\/ \u4f55\u3082\u3057\u306a\u3044\uff08\u521d\u671f\u72b6\u614b\u3067\u306f\u975e\u8868\u793a\uff09\n }\n \n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc1\u306e\u72b6\u614b\u5909\u66f4\u6642\n function onPlayer1StateChange(event) {\n \/\/ \u30d7\u30ec\u30fc\u30e4\u30fc\u306e\u72b6\u614b\u306b\u5408\u308f\u305b\u3066\u30a2\u30a4\u30b3\u30f3\u3092\u66f4\u65b0\n if (event.data === YT.PlayerState.PLAYING) {\n playIcon.classList.remove('fa-play');\n playIcon.classList.add('fa-pause');\n isPlaying = true;\n } else if (event.data === YT.PlayerState.PAUSED) {\n playIcon.classList.remove('fa-pause');\n playIcon.classList.add('fa-play');\n isPlaying = false;\n }\n }\n \n \/\/ \u518d\u751f\/\u505c\u6b62\u30dc\u30bf\u30f3\u306e\u51e6\u7406\n playToggleBtn.addEventListener('click', function() {\n const currentPlayer = (currentVideoIndex === 1) ? player1 : player2;\n \n if (isPlaying) {\n \/\/ \u518d\u751f\u4e2d\u306a\u3089\u505c\u6b62\n currentPlayer.pauseVideo();\n playIcon.classList.remove('fa-pause');\n playIcon.classList.add('fa-play');\n } else {\n \/\/ \u505c\u6b62\u4e2d\u306a\u3089\u518d\u751f\n currentPlayer.playVideo();\n playIcon.classList.remove('fa-play');\n playIcon.classList.add('fa-pause');\n }\n isPlaying = !isPlaying;\n });\n \n \/\/ \u62e1\u5927\u30dc\u30bf\u30f3\u306e\u51e6\u7406\n expandBtn.addEventListener('click', function() {\n openModal();\n });\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n function openModal() {\n \/\/ \u73fe\u5728\u306e\u30d3\u30c7\u30aa\u306b\u57fa\u3065\u3044\u3066\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30bf\u30d6\u3092\u8a2d\u5b9a\n if (currentVideoIndex === 1) {\n videoTab1.classList.add('active');\n videoTab2.classList.remove('active');\n modalVideo1.classList.add('active');\n modalVideo2.classList.remove('active');\n modalVideo1.src = 'https:\/\/www.youtube.com\/embed\/sne6G22yWjA?autoplay=1&mute=0&loop=1&playlist=sne6G22yWjA';\n modalVideo2.src = '';\n } else {\n videoTab1.classList.remove('active');\n videoTab2.classList.add('active');\n modalVideo1.classList.remove('active');\n modalVideo2.classList.add('active');\n modalVideo1.src = '';\n modalVideo2.src = 'https:\/\/www.youtube.com\/embed\/gjs7x9FZuYE?autoplay=1&mute=0&loop=1&playlist=gjs7x9FZuYE';\n }\n \n videoModal.style.display = 'flex';\n document.body.style.overflow = 'hidden';\n }\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n function closeModal() {\n videoModal.style.display = 'none';\n modalVideo1.src = '';\n modalVideo2.src = '';\n document.body.style.overflow = 'auto';\n }\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u30bf\u30d6\u306e\u5207\u308a\u66ff\u3048\n videoTab1.addEventListener('click', function() {\n videoTab1.classList.add('active');\n videoTab2.classList.remove('active');\n modalVideo1.classList.add('active');\n modalVideo2.classList.remove('active');\n modalVideo1.src = 'https:\/\/www.youtube.com\/embed\/sne6G22yWjA?autoplay=1&mute=0&loop=1&playlist=sne6G22yWjA';\n modalVideo2.src = '';\n });\n \n videoTab2.addEventListener('click', function() {\n videoTab1.classList.remove('active');\n videoTab2.classList.add('active');\n modalVideo1.classList.remove('active');\n modalVideo2.classList.add('active');\n modalVideo1.src = '';\n modalVideo2.src = 'https:\/\/www.youtube.com\/embed\/gjs7x9FZuYE?autoplay=1&mute=0&loop=1&playlist=gjs7x9FZuYE';\n });\n \n \/\/ \u9589\u3058\u308b\u30dc\u30bf\u30f3\u306e\u30a4\u30d9\u30f3\u30c8\n closeModalBtn.addEventListener('click', closeModal);\n closeModalBtnFooter.addEventListener('click', closeModal);\n \n \/\/ \u30e2\u30fc\u30c0\u30eb\u80cc\u666f\u30af\u30ea\u30c3\u30af\u3067\u9589\u3058\u308b\n videoModal.addEventListener('click', function(event) {\n if (event.target === videoModal) {\n closeModal();\n }\n });\n \n \/\/ \u30d3\u30c7\u30aa\u5207\u308a\u66ff\u3048\u6a5f\u80fd\n \/\/ 10\u79d2\u3054\u3068\u306b\u81ea\u52d5\u7684\u306b\u52d5\u753b\u3092\u5207\u308a\u66ff\u3048\u308b\n setInterval(function() {\n if (currentVideoIndex === 1) {\n \/\/ \u30d3\u30c7\u30aa1\u304b\u3089\u30d3\u30c7\u30aa2\u3078\n video1Container.classList.add('hidden');\n video2Container.classList.remove('hidden');\n if (player2) {\n player2.playVideo();\n }\n currentVideoIndex = 2;\n } else {\n \/\/ \u30d3\u30c7\u30aa2\u304b\u3089\u30d3\u30c7\u30aa1\u3078\n video2Container.classList.add('hidden');\n video1Container.classList.remove('hidden');\n if (player1) {\n player1.playVideo();\n }\n currentVideoIndex = 1;\n }\n }, 10000); \/\/ 10\u79d2\u3054\u3068\u306b\u5207\u308a\u66ff\u3048\n});\n<\/script>\n\n\n\n<p><\/p>\n<div class=\"veu_socialSet veu_socialSet-position-after veu_contentAddSection\"><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src=\"https:\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,\"script\",\"twitter-wjs\"));<\/script><ul><li class=\"sb_facebook sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/www.facebook.com\/sharer.php?src=bm&u=https%3A%2F%2Fsansan2020.jp%2F&t=\" target=\"_blank\" onclick=\"window.open(this.href,'FBwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_fb icon_sns\"><\/span><span class=\"sns_txt\">Facebook<\/span><span class=\"veu_count_sns_fb\"><\/span><\/a><\/li><li class=\"sb_x_twitter sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fsansan2020.jp%2F&text=\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_x_twitter icon_sns\"><\/span><span class=\"sns_txt\">X<\/span><\/a><\/li><li class=\"sb_hatena sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/b.hatena.ne.jp\/add?mode=confirm&url=https%3A%2F%2Fsansan2020.jp%2F&title=\" target=\"_blank\" onclick=\"window.open(this.href,'Hatenawindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_hatena icon_sns\"><\/span><span class=\"sns_txt\">Hatena<\/span><span class=\"veu_count_sns_hb\"><\/span><\/a><\/li><li class=\"sb_pocket sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/getpocket.com\/edit?url=https%3A%2F%2Fsansan2020.jp%2F&title=\" target=\"_blank\" onclick=\"window.open(this.href,'Pokcetwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_pocket icon_sns\"><\/span><span class=\"sns_txt\">Pocket<\/span><span class=\"veu_count_sns_pocket\"><\/span><\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d\u5bfe\u7b56\uff5c\u9632\u707dBlog \u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u306b\u5099\u3048\u308b\u9632\u707d 30\u5e74\u4ee5\u5185\u306b70\u301c80%\u306e\u78ba\u7387\u3067\u767a\u751f\u3059\u308b\u3068\u8a00\u308f\u308c\u3066\u3044\u308b\u5357\u6d77\u30c8\u30e9\u30d5\u5730\u9707\u3002\u3042\u306a\u305f\u3068\u3042\u306a\u305f\u306e\u5927\u5207\u306a\u4eba\u3092\u5b88\u308b\u305f\u3081\u306e\u6e96\u5099\u306f\u5341\u5206\u3067\u3059\u304b\uff1f \u9632\u707d\u7528\u54c1\u3092\u30c1\u30a7\u30c3\u30af\u3059 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lightning_design_setting":{"layout":"default"},"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":41,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/sansan2020.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/sansan2020.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}