{"id":27,"date":"2026-03-12T16:56:47","date_gmt":"2026-03-12T07:56:47","guid":{"rendered":"https:\/\/saiyu-yk.com\/?page_id=27"},"modified":"2026-06-10T13:50:57","modified_gmt":"2026-06-10T04:50:57","slug":"%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/saiyu-yk.com\/","title":{"rendered":"<p class=\"has-vivid-green-cyan-color has-text-color has-link-color has-large-font-size\">\u897f\u904a\u4f01\u753b\u306b\u3064\u3044\u3066<\/p>"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\" style=\"font-size:36px;text-decoration:none\"><strong>\u300c\u4ed5\u4e0a\u3052\u3067\u6c7a\u307e\u308b\u300d\u3053\u3068\u3092\u3001<\/strong><strong>\u672c\u6c17\u3067\u7406\u89e3\u3057\u3066\u3044\u308b\u4f1a\u793e\u3067\u3059\u3002<\/strong><\/p>\n\n\n\n<p><p style=\"font-size: 20px;\">\u30af\u30ed\u30b9\u8cbc\u308a\u3001\u5e8a\u6750\u65bd\u5de5\u3001\u5857\u88c5\u5de5\u4e8b\u3001\u5efa\u5177\u53d6\u4ed8\u3001\u53ce\u7d0d\u9020\u4f5c\u2026\u2026 \u5185\u88c5\u5de5\u4e8b\u306e\u6700\u7d42\u5de5\u7a0b\u3092\u3059\u3079\u3066\u81ea\u793e\u8077\u4eba\u3067\u8cac\u4efb\u65bd\u5de5\u3002 \u300c\u3042\u3068\u5c11\u3057\u306e\u3053\u3060\u308f\u308a\u300d\u304c\u7a7a\u9593\u306e\u5370\u8c61\u3092\u6c7a\u3081\u308b\u3053\u3068\u3092\u3001\u79c1\u305f\u3061\u306f\u77e5\u3063\u3066\u3044\u307e\u3059\u3002<\/p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5343\u8449\u770c\u77e5\u4e8b\u8a31\u53ef\uff08\u822c-2\uff09\u7b2c54639\u53f7\u3000\u5185\u88c5\u4ed5\u4e0a\u5de5\u4e8b\u696d<\/li>\n\n\n\n<li>\u73fe\u5834\u3054\u3068\u306e\u4e01\u5be7\u306a\u6253\u5408\u305b\u3068\u9ad8\u7cbe\u5ea6\u306a\u4ed5\u4e0a\u3052<\/li>\n\n\n\n<li>\u30aa\u30d5\u30a3\u30b9\u30fb\u5e97\u8217\u30fb\u4f4f\u5b85\u30fb\u30af\u30ea\u30cb\u30c3\u30af\u306a\u3069\u5e45\u5e83\u3044\u5b9f\u7e3e<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:20px\"><strong><em>\u7a7a\u9593\u306e\u300c\u6700\u5f8c\u306e1\uff05\u300d\u3092\u6700\u9ad8\u306e\u72b6\u614b\u306b\u3002 \u305d\u308c\u304c\u897f\u904a\u4f01\u753b\u306e\u4ed5\u4e8b\u3067\u3059\u3002<\/em><\/strong><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>\u8907\u6570\u52d5\u753b\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7<\/title>\n    <style>\n        \/* \u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n        .gallery {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n        .thumbnail {\n            width: 200px;\n            height: 120px;\n            object-fit: cover;\n            cursor: pointer;\n            border-radius: 8px;\n            transition: transform 0.2s;\n        }\n        .thumbnail:hover { transform: scale(1.05); }\n\n        \/* \u30e2\u30fc\u30c0\u30eb\u57fa\u672c\u8a2d\u5b9a *\/\n        .modal {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background: rgba(0,0,0,0.9);\n        }\n        .modal-content {\n            position: absolute;\n            top: 50%; left: 50%;\n            transform: translate(-50%, -50%);\n            width: 90%; max-width: 900px;\n        }\n        .close-btn {\n            position: absolute;\n            top: -40px; right: 0;\n            color: white; font-size: 24px; cursor: pointer;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"gallery\">\n        <!-- data-video-src \u306b\u52d5\u753b\u30d5\u30a1\u30a4\u30eb\u306e\u30d1\u30b9\u3092\u6307\u5b9a\u3057\u307e\u3059 -->\n        <img decoding=\"async\" src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/05\/saiyu_kikaku_pv01_s.jpeg\" class=\"thumbnail\" data-video-src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/05\/saiyu_kikaku_pv01s_sd2.mp4\" alt=\"\u52d5\u753b1\">\n        <img decoding=\"async\" src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/06\/reform_movie01_sd_s.jpg\" class=\"thumbnail\" data-video-src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/05\/reform_movie01_sd.mp4\" alt=\"\u52d5\u753b2\">\n        <img decoding=\"async\" src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/05\/door_movie02_s.jpg\" class=\"thumbnail\" data-video-src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/05\/door_movie02.mp4\" alt=\"\u52d5\u753b3\">\n    <\/div>\n\n    <!-- \u30e2\u30fc\u30c0\u30eb\u69cb\u9020\uff081\u3064\u3060\u3051\u7528\u610f\u3057\u3066\u4f7f\u3044\u56de\u3059\uff09 -->\n    <div id=\"videoModal\" class=\"modal\">\n        <div class=\"modal-content\">\n            <span class=\"close-btn\">&times; \u9589\u3058\u308b<\/span>\n            <video id=\"mainVideo\" width=\"100%\" controls>\n                <source src=\"\" type=\"video\/mp4\">\n            <\/video>\n        <\/div>\n    <\/div>\n\n    <script>\n        const modal = document.getElementById('videoModal');\n        const video = document.getElementById('mainVideo');\n        const videoSource = video.querySelector('source');\n        const thumbnails = document.querySelectorAll('.thumbnail');\n        const closeBtn = document.querySelector('.close-btn');\n\n        \/\/ \u5168\u3066\u306e\u30b5\u30e0\u30cd\u30a4\u30eb\u306b\u5bfe\u3057\u3066\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u3092\u8a2d\u5b9a\n        thumbnails.forEach(thumb => {\n            thumb.addEventListener('click', function() {\n                const src = this.getAttribute('data-video-src');\n                \n                \/\/ \u52d5\u753b\u30bd\u30fc\u30b9\u3092\u5165\u308c\u66ff\u3048\u3066\u8aad\u307f\u8fbc\u307f\u76f4\u3059\n                videoSource.src = src;\n                video.load(); \n                \n                modal.style.display = \"block\";\n                video.play();\n            });\n        });\n\n        \/\/ \u9589\u3058\u308b\u51e6\u7406\n        function closeModal() {\n            modal.style.display = \"none\";\n            video.pause();\n        }\n\n        closeBtn.addEventListener('click', closeModal);\n\n        \/\/ \u80cc\u666f\u30af\u30ea\u30c3\u30af\u3067\u9589\u3058\u308b\n        window.onclick = (e) => { if (e.target == modal) closeModal(); };\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n<BR>\n\n<style>\n    \/* \u30ea\u30f3\u30af\u5168\u4f53\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n    .image-link {\n      display: inline-block; \/* \u30ea\u30f3\u30af\u3092\u30d6\u30ed\u30c3\u30af\u72b6\u306b\u3059\u308b *\/\n      overflow: hidden;      \/* \u306f\u307f\u51fa\u305f\u753b\u50cf\u3092\u5207\u308b\uff08\u30ba\u30fc\u30e0\u7528\uff09 *\/\n      border-radius: 10px;   \/* \u89d2\u3092\u4e38\u304f\u3059\u308b *\/\n      position: relative;\n      text-decoration: none; \/* \u4e0b\u7dda\u3092\u6d88\u3059 *\/\n    }\n\n    \/* \u753b\u50cf\u306e\u8a2d\u5b9a *\/\n    .image-link img {\n      display: block;\n      width: auto;         \/* \u6a2a\u5e45 *\/\n      height: auto;\n      transition: 0.4s;     \/* \u5909\u5316\u3092\u306a\u3081\u3089\u304b\u306b\u3059\u308b *\/\n    }\n\n    \/* \u30db\u30d0\u30fc\u3057\u305f\u6642\u306e\u5909\u5316 *\/\n    .image-link:hover img {\n      filter: brightness(50%) sepia(20%); \/* \u5c11\u3057\u6697\u304f\u3001\u30bb\u30d4\u30a2\u8abf\u306b *\/\n      transform: scale(1.1);              \/* 1.1\u500d\u306b\u30ba\u30fc\u30e0 *\/\n    }\n\n    \/* \u30c6\u30ad\u30b9\u30c8\u306e\u88c5\u98fe\uff08\u753b\u50cf\u306e\u4e0b\u306b\u8aac\u660e\u3092\u5165\u308c\u308b\u5834\u5408\uff09 *\/\n    .link-text {\n      display: block;\n      text-align: center;\n      font-size: 18px;      \/* \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba *\/\n      color: #333;          \/* \u30d5\u30a9\u30f3\u30c8\u30ab\u30e9\u30fc *\/\n      margin-top: 10px;\n      font-weight: bold;\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <a href=\"https:\/\/saiyu-yk.com\/\" class=\"image-link\">\n    <img decoding=\"async\" src=\"https:\/\/saiyu-yk.com\/wp-content\/uploads\/2026\/03\/20260326.jpg\" alt=\"\u30b5\u30f3\u30d7\u30eb\u753b\u50cf\">\n  <\/a>\n\n<\/body>\n\n\n\n<style>\n  \/* \u5916\u67a0\uff08\u8868\u793a\u30a8\u30ea\u30a2\uff09 *\/\n  .loop-slider {\n    overflow: hidden;\n    width: 100%;\n    background: #f8f8f8;\n    padding: 20px 0;\n  }\n\n  \/* \u52d5\u304f\u4e2d\u8eab\uff08\u753b\u50cf\u304c\u4e26\u3093\u3067\u3044\u308b\u5217\uff09 *\/\n  .loop-slider-inner {\n    display: flex;\n    width: calc(200px * 10); \/* (\u753b\u50cf\u306e\u5e45 * \u679a\u6570) \u3092\u6307\u5b9a *\/\n    animation: loop-scroll 20s linear infinite; \/* 20\u79d2\u304b\u3051\u3066\u30eb\u30fc\u30d7 *\/\n  }\n\n  .loop-slider-inner img {\n    width: 200px;\n    height: 150px;\n    margin-right: 15px;\n    object-fit: cover;\n    border-radius: 5px;\n  }\n\n  \/* \u5de6\u306b\u52d5\u304f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u8a2d\u5b9a *\/\n  @keyframes loop-scroll {\n    from { transform: translateX(0); }\n    to { transform: translateX(-100%); }\n  }\n\n  \/* \u30de\u30a6\u30b9\u3092\u4e57\u305b\u305f\u3089\u52d5\u304d\u3092\u6b62\u3081\u308b *\/\n  .loop-slider:hover .loop-slider-inner {\n    animation-play-state: paused;\n  }\n<\/style>\n\n<div class=\"loop-slider\">\n  <div class=\"loop-slider-inner\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=11\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=12\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=13\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=14\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=15\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=11\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=12\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=13\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=14\">\n    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/300?random=15\">\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u300c\u4ed5\u4e0a\u3052\u3067\u6c7a\u307e\u308b\u300d\u3053\u3068\u3092\u3001\u672c\u6c17\u3067\u7406\u89e3\u3057\u3066\u3044\u308b\u4f1a\u793e\u3067\u3059\u3002 \u30af\u30ed\u30b9\u8cbc\u308a\u3001\u5e8a\u6750\u65bd\u5de5\u3001\u5857\u88c5\u5de5\u4e8b\u3001\u5efa\u5177\u53d6\u4ed8\u3001\u53ce\u7d0d\u9020\u4f5c\u2026\u2026 \u5185\u88c5\u5de5\u4e8b\u306e\u6700\u7d42\u5de5\u7a0b\u3092\u3059\u3079\u3066\u81ea\u793e\u8077\u4eba\u3067\u8cac\u4efb\u65bd\u5de5\u3002 \u300c\u3042\u3068\u5c11\u3057\u306e\u3053\u3060\u308f\u308a\u300d\u304c\u7a7a\u9593\u306e\u5370\u8c61\u3092\u6c7a\u3081\u308b\u3053\u3068\u3092\u3001\u79c1\u305f\u3061\u306f\u77e5 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/saiyu-yk.com\/\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;<\/p>\n<p class=\"has-vivid-green-cyan-color has-text-color has-link-color has-large-font-size\">\u897f\u904a\u4f01\u753b\u306b\u3064\u3044\u3066<\/p>\n<p>&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":25,"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/saiyu-yk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}