{"id":10730,"date":"2025-05-04T16:30:37","date_gmt":"2025-05-04T07:30:37","guid":{"rendered":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/?post_type=lp&#038;p=10730"},"modified":"2025-05-20T17:21:06","modified_gmt":"2025-05-20T08:21:06","slug":"menu2","status":"publish","type":"lp","link":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/?lp=menu2","title":{"rendered":"menu2"},"content":{"rendered":"\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n     <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\n  <meta http-equiv=\"Cache-Control\" content=\"no-cache, no-store, must-revalidate\">\n  <meta http-equiv=\"Pragma\" content=\"no-cache\">\n  <meta http-equiv=\"Expires\" content=\"0\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@400;700&display=swap');\n        \n        :root {\n            --pink: #FF8FA3;\n            --pink-light: #FFD6DE;\n            --pink-dark: #FF5C7F;\n            --purple: #C77DFF;\n            --yellow: #FFD166;\n        }\n\n       \n        .rental-container {\n            width: 100%;\n            background: white;\n            border-radius: 20px;\n            padding: 25px 15px;\n            box-shadow: 0 5px 15px rgba(255, 143, 163, 0.1);\n            margin: 0 auto;\n            position: relative;\n            overflow: hidden;\n        }\n\n        h1 {\n            color: var(--pink-dark);\n            font-size: 24px;\n            text-align: center;\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        h1 span.sticker {\n            display: inline-block;\n            background: var(--yellow);\n            padding: 5px 12px;\n            border-radius: 15px;\n            transform: rotate(-3deg);\n            box-shadow: 2px 2px 0px rgba(0,0,0,0.1);\n            font-size: 0.8em;\n        }\n\n        .intro {\n            text-align: center;\n            margin-bottom: 25px;\n            font-size: 14px;\n            color: #777;\n            padding: 0 10px;\n        }\n\n        .rental-item {\n            display: flex;\n            flex-direction: column;\n            margin-bottom: 25px;\n            background: white;\n            border-radius: 15px;\n            padding: 15px;\n            box-shadow: 0 3px 10px rgba(255, 143, 163, 0.1);\n            border: 2px solid var(--pink-light);\n        }\n\n        .item-icon {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, var(--pink), var(--purple));\n            color: white;\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 28px;\n            margin: 0 auto 15px;\n            transform: rotate(3deg);\n            cursor: pointer;\n            transition: transform 0.3s;\n        }\n\n        .item-icon:hover {\n            transform: rotate(3deg) scale(1.1);\n        }\n\n        .bold-heading {\n            font-weight: 900 !important;\n            font-family: 'Comic Neue', cursive !important;\n            font-size: 24px !important;\n            color: #FF5C7F !important;\n            display: flex !important;\n            justify-content: center;\n            width: 100%;\n            align-items: center;\n            gap: 15px;\n            line-height: 1.3;\n            padding: 10px 0;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n        }\n\n        .bold-heading span {\n            font-weight: 400 !important;\n            font-size: 0.8em;\n            background: linear-gradient(145deg, var(--pink), var(--purple)); \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u8ffd\u52a0 *\/\n            padding: 3px 10px;\n            border-radius: 15px;\n            transform: rotate(-3deg);\n            text-shadow: 0 0 4px white, 0 0 6px white, 0 0 8px rgba(255,255,255,0.5);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .item-content p {\n            color: #666;\n            font-size: 13px;\n            margin-bottom: 8px;\n            line-height: 1.5;\n        }\n\n        .fun-fact {\n            background: #F8F9FF;\n            padding: 10px;\n            border-radius: 8px;\n            margin-top: 10px;\n            border-left: 3px solid var(--purple);\n            font-size: 12px;\n            color: #777;\n        }\n\n        \/* \u753b\u50cf\u30b9\u30e9\u30a4\u30c0\u30fc\u30b9\u30bf\u30a4\u30eb *\/\n        .image-slider {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.7); \/* \u4e0d\u900f\u660e\u5ea670%\u306b *\/\n            z-index: 1000;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .slider-container {\n            position: relative;\n            max-width: 90%;\n            background: white;\n            padding: 20px;\n            border-radius: 15px;\n            width: 600px;\n        }\n\n        .slide-group {\n            display: none;\n        }\n\n        .slide-group.active {\n            display: block;\n        }\n\n        .slide {\n            display: none;\n            text-align: center;\n        }\n\n        .slide.active {\n            display: block;\n        }\n\n        .slide img {\n            width: 100%;\n            max-height: 600px;\n            object-fit: cover;\n            border-radius: 10px;\n            margin-bottom: 15px;\n        }\n\n        .close-btn {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            background: var(--pink);\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            cursor: pointer;\n            font-size: 18px;\n            line-height: 30px;\n        }\n\n        .nav-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 15px; \/* \u9593\u9694\u3092\u5e83\u304f *\/\n    margin-top: 20px;\n}\n\n.nav-button {\n    background: linear-gradient(145deg, var(--pink), var(--purple)); \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u8ffd\u52a0 *\/\n    color: white;\n    border: 2px solid white; \/* \u767d\u67a0\u8ffd\u52a0 *\/\n    padding: 12px 25px;\n    border-radius: 30px; \/* \u89d2\u4e38\u3092\u5927\u304d\u304f *\/\n    cursor: pointer;\n    font-size: 16px;\n    box-shadow: \n        0 4px 6px rgba(0,0,0,0.1),\n        inset 0 2px 4px rgba(255,255,255,0.3); \/* \u5185\u5074\u306e\u5149\u6ca2\u52b9\u679c *\/\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.2); \/* \u30c6\u30ad\u30b9\u30c8\u306b\u5f71 *\/\n}\n\n.nav-button:hover {\n    transform: translateY(-2px); \/* \u6d6e\u304d\u4e0a\u304c\u308b\u52b9\u679c *\/\n    box-shadow: \n        0 6px 12px rgba(0,0,0,0.15),\n        inset 0 2px 4px rgba(255,255,255,0.4);\n    background: linear-gradient(145deg, var(--pink-dark), var(--purple));\n}\n\n.nav-button::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n   \n}\n\n.nav-button:hover::before {\n    left: 100%;\n    top: 100%;\n}\n\n      .service-section {\n            background: white;\n            padding: 20px 15px;\n            border-radius: 15px;\n            margin-top: 30px;\n            border: 2px dashed var(--pink);\n        }\n        \n        .service-section h2 {\n            color: var(--purple);\n            text-align: center;\n            margin-bottom: 15px;\n            font-size: 20px;\n        }\n        \n        .service-content {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background: white;\n            border-radius: 12px;\n            padding: 15px;\n            margin-bottom: 15px;\n        }\n        \n        .service-icon {\n            width: 50px;\n            height: 50px;\n            background: var(--pink-light);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            margin-bottom: 10px;\n        }\n        \n        .service-text h3 {\n            color: var(--pink-dark);\n            margin-bottom: 5px;\n            font-size: 14px;\n            text-align: center;\n        }\n        \n        .service-text p {\n            color: #666;\n            font-size: 12px;\n            text-align: center;\n        }\n\n .note {\n            background-color: white;\n            padding: 15px;\n            border-radius: 12px;\n            margin-top: 25px;\n            border: 2px solid var(--pink-light);\n        }\n        \n        .note h3 {\n            color: var(--purple);\n            text-align: center;\n            margin-bottom: 12px;\n            font-size: 16px;\n        }\n        \n        .note li {\n            margin-bottom: 8px;\n            padding-left: 25px;\n            font-size: 12px;\n        }\n        \n        \n        \n         \/* \u30dc\u30bf\u30f3\u3092\u30bb\u30f3\u30bf\u30fc\u306b\u914d\u7f6e *\/\n    .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px; \/* \u4e0a\u90e8\u306e\u4f59\u767d\u3092\u8ffd\u52a0 *\/\n    }\n\n    #special-button {\n        \/* \u65e2\u5b58\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u305d\u306e\u307e\u307e\u4f7f\u7528 *\/\n        display: inline-block;\n        background: linear-gradient(135deg, var(--pink), var(--purple));\n        color: white;\n        padding: 12px 30px;\n        border-radius: 25px;\n        text-decoration: none;\n        font-size: 16px;\n        box-shadow: 0 5px 15px rgba(255, 92, 127, 0.2);\n        transition: transform 0.2s;\n    }\n\n    #special-button:active {\n        transform: scale(0.95);\n    }\n        \n        #special-button:active {\n            transform: scale(0.95);\n        }\n      \n     .close-btn {\n    position: absolute;\n    top: 15px;  \/* \u4f4d\u7f6e\u8abf\u6574 *\/\n    right: 15px;  \/* \u4f4d\u7f6e\u8abf\u6574 *\/\n    background: var(--pink);\n    color: white;\n    border: none;\n    border-radius: 50%;\n    width: 35px;  \/* \u30b5\u30a4\u30ba\u62e1\u5927 *\/\n    height: 35px;  \/* \u30b5\u30a4\u30ba\u62e1\u5927 *\/\n    cursor: pointer;\n    font-size: 24px;  \/* \u6587\u5b57\u30b5\u30a4\u30ba\u62e1\u5927 *\/\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    line-height: 1;\n    padding: 0;\n    box-shadow: 0 3px 6px rgba(0,0,0,0.1);  \/* \u5f71\u3092\u8ffd\u52a0 *\/\n    transition: transform 0.3s;\n}\n        @media (max-width: 600px) {\n            .slider-container {\n                width: 90%;\n                padding: 15px;\n            }\n\n            .nav-button {\n                padding: 6px 12px;\n            }\n          .close-btn {\n        width: 28px;\n        height: 28px;\n        font-size: 30px;\n    }\n        }\n      \n      @keyframes sway {\n  0%, 100% { transform: rotate(3deg) translateX(0); }\n  25% { transform: rotate(-2deg) translateX(-5px); }\n  50% { transform: rotate(3deg) translateX(5px); }\n  75% { transform: rotate(-2deg) translateX(-5px); }\n}\n\n.item-icon {\n  animation: sway 2.5s ease-in-out infinite;\n  position: relative;\n}\n\n\/* \u30db\u30d0\u30fc\u6642\u4e00\u6642\u505c\u6b62 *\/\n.item-icon:hover {\n  animation-play-state: paused;\n}\n\n\n.bold-heading {\n  position: relative; \/* \u8ffd\u52a0 *\/\n}\n\n\/* \u4fee\u6b63\u5f8c\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a *\/\n.rental-item .bold-heading::before {\n  content: \"\u30af\u30ea\u30c3\u30af\u3057\u3066\u304a\u5199\u771f\u3067\u78ba\u8a8d\u3057\u3066\u306d\";\n  position: absolute;\n  top: -15px;\n  left: 50%;\n  transform: translateX(-50%);\n  font-size: 8px;\n  color: var(--pink-dark);\n  background: rgba(255,255,255,0.9);\n  padding: 4px 12px;\n  border-radius: 15px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n  animation: float-text 4s ease-in-out infinite;\n  opacity: 0;\n  white-space: nowrap;\n  pointer-events: none;\n  border: 1px solid var(--pink-light);\n  z-index: 1;\n}\n\n\/* \u30b5\u30fc\u30d3\u30b9\u30bb\u30af\u30b7\u30e7\u30f3\u306eh1\u306b\u30b9\u30bf\u30a4\u30eb\u30ea\u30bb\u30c3\u30c8 *\/\n.service-section h1::before {\n  content: none !important;\n  animation: none !important;\n}\n\n@keyframes float-text {\n  0%, 100% {\n    opacity: 0;\n    transform: translate(-50%, 5px);\n  }\n  15%, 35% {\n    opacity: 1;\n    transform: translate(-50%, 0);\n  }\n}\n      \n      \n      \n      \n\n    .image-container {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 80%;\n      max-width: 440px;\n      height: 0;\n      padding-bottom: 177.78%;\n      display: none;\n      perspective: 880px;\n    }\n\n    .image-piece {\n      position: absolute;\n      overflow: hidden;\n      opacity: 0;\n      transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1);\n      z-index: 5;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-weight: bold;\n      color: white;\n      font-size: 24px;\n      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\n    }\n\n    .top {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 50%;\n      clip-path: polygon(0 0, 100% 0, 50% 100%);\n      background-position: top center; \/* \u4e0a\u304b\u3089\u5207\u308a\u53d6\u308a *\/\n  background-size: 100% 200%;\n    }\n\n    .right {\n      top: 0;\n      right: 0;\n      width: 50%;\n      height: 100%;\n      clip-path: polygon(100% 0, 100% 100%, 0 50%);\n      background-position: center right; \/* \u53f3\u304b\u3089\u5207\u308a\u53d6\u308a *\/\n  background-size: 200% 100%;\n    }\n\n    .left {\n      top: 0;\n      left: 0;\n      width: 50%;\n      height: 100%;\n      clip-path: polygon(0 0, 0 100%, 100% 50%);\n      background-position: center left; \/* \u5de6\u304b\u3089\u5207\u308a\u53d6\u308a *\/\n  background-size: 200% 100%;\n    }\n    \n    .bottom {\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 50%;\n      clip-path: polygon(0 100%, 100% 100%, 50% 0);\n      background-position: bottom center; \/* \u4e0b\u304b\u3089\u5207\u308a\u53d6\u308a *\/\n  background-size: 100% 200%;\n    }\n\n    .message-container {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      opacity: 0;\n      z-index: 20;\n      display: none;\n      width: 90%;\n      text-align: center;\n      transition: opacity 0.5s ease 1.5s;\n      flex-wrap: wrap;\n      gap: 0.5vw;\n    }\n   \n\n    .message-char {\n      font-size: 8vw;\n      font-weight: bold;\n      text-shadow:\n        0 0 10px #ffeb3b,\n        0 0 20px #ffeb3b,\n        0 0 30px #ffeb3b;\n      opacity: 0;\n      transform: translateY(-20px) scale(0.5);\n      line-height: 1.2;\n      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .show-message {\n      opacity: 1;\n      transform: translateY(0) scale(1.2);\n      animation: bounce 0.3s ease forwards;\n    }\n\n    @keyframes bounce {\n      0% { transform: translateY(0) scale(1.2); }\n      50% { transform: translateY(-10px) scale(1.3); }\n      100% { transform: translateY(0) scale(1); }\n    }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"rental-container\">\n        <!-- \u753b\u50cf\u30b9\u30e9\u30a4\u30c0\u30fc -->\n        <div class=\"image-slider\">\n            <div class=\"slider-container\">\n                <button class=\"close-btn\">\u00d7<\/button>\n                \n                <!-- \u30ab\u30e1\u30e9\u30b9\u30e9\u30a4\u30c9\u30b0\u30eb\u30fc\u30d7 -->\n                <div class=\"slide-group\" data-category=\"camera\">\n                    <div class=\"slide active\">\n                        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/5670\/2025-05-20\/81176272-1747727539500.jpg\" alt=\"\u30ab\u30e1\u30e9\u89d2\u5ea61\">\n                        <p>\u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e91<\/p>\n                    <\/div>\n                    <div class=\"slide\">\n                        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/ab1e\/2025-05-20\/81176272-1747727559273.jpg\" alt=\"\u30ab\u30e1\u30e9\u89d2\u5ea62\">\n                        <p>\u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e92<\/p>\n                    <\/div>\n                  <div class=\"slide\">\n                        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/4e6f\/2025-05-20\/81176272-1747727563189.jpg\" alt=\"\u30ab\u30e1\u30e9\u89d2\u5ea62\">\n                        <p>\u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e93<\/p>\n                    <\/div>\n                  <div class=\"slide\">\n                        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/837c\/2025-05-20\/81176272-1747727535110.jpg\" alt=\"\u30ab\u30e1\u30e9\u89d2\u5ea62\">\n                        <p>\u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e94<\/p>\n                    <\/div>\n                <\/div>\n<div class=\"slide-group\" data-category=\"lens\">\n    <div class=\"slide active\">\n        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/a203\/2025-05-20\/81176272-1747727572148.jpg\" alt=\"\u5358\u7126\u70b9\u30ec\u30f3\u30ba\">\n        <p>F2.8 \u30ba\u30fc\u30e0\u30ec\u30f3\u30ba(\u5e83\u89d2)<\/p>\n    <\/div>\n    <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/5f04\/2025-05-20\/81176272-1747727579647.jpg\" alt=\"\u5e83\u89d2\u30ec\u30f3\u30ba\">\n        <p>F4\uff5e5.6\u30ba\u30fc\u30e0\u30ec\u30f3\u30ba(\u671b\u9060)<\/p>\n    <\/div>\n  <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/247b\/2025-05-20\/81176272-1747727587303.jpg\" alt=\"\u671b\u9060\u30ec\u30f3\u30ba\">\n        <p>F3.5\uff5e5.6\u30ba\u30fc\u30e0\u30ec\u30f3\u30ba(\u57fa\u672c)<\/p>\n    <\/div>\n    <div class=\"slide\">\n        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/8817\/2025-05-20\/81176272-1747727583627.jpg\" alt=\"\u671b\u9060\u30ec\u30f3\u30ba\">\n        <p>F3.5\uff5e5.6\u30ba\u30fc\u30e0\u30ec\u30f3\u30ba(\u57fa\u672c)<\/p>\n    <\/div>\n<\/div>\n                <!-- \u7167\u660e\u30b9\u30e9\u30a4\u30c9\u30b0\u30eb\u30fc\u30d7 -->\n                <div class=\"slide-group\" data-category=\"lighting\">\n                    <div class=\"slide active\">\n                        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/62cf\/2025-05-20\/81176272-1747727022002.jpg\" alt=\"\u7167\u660e\u30bb\u30c3\u30c81\">\n                        <p>\u8abf\u5149\u6a5f\u80fd\u4ed8\u304d\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30d1\u30cd\u30eb<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- \u8863\u88c5\u30b9\u30e9\u30a4\u30c9\u30b0\u30eb\u30fc\u30d7 -->\n                <div class=\"slide-group\" data-category=\"costume\">\n                    <div class=\"slide active\">\n                        <img decoding=\"async\" src=\"https:\/\/attachments.timetreeapp.com\/calendar\/8a10\/2025-05-20\/0-1747729011235.jpg\" alt=\"\u8863\u88c5\u30bb\u30c3\u30c81\">\n                        <p>\u304a\u5199\u771f\u6e96\u5099\u4e2d<\/p>\n                    <\/div>\n                    \n                <\/div>\n\n                <div class=\"nav-buttons\">\n                    <button class=\"nav-button prev\">\u524d\u3078<\/button>\n                    <button class=\"nav-button next\">\u6b21\u3078<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <h1><span class=\"sticker\">\u7121\u6599\u3067\u4f7f\u3048\u308b<\/span>\u30ec\u30f3\u30bf\u30eb\u54c1\u304c\u3044\u3063\u3071\u3044\uff01<\/h1>\n        \n        <p class=\"intro\">\u8377\u7269\u5c11\u306a\u3081\u3067OK\uff01\u5f53\u5e97\u306e<span class=\"highlight\">\u7121\u6599\u30ec\u30f3\u30bf\u30eb\u54c1<\/span>\u3067<br>\u697d\u3005\u64ae\u5f71\u4f1a\u697d\u3057\u3093\u3058\u3083\u304a\u266a<\/p>\n\n        <div class=\"rental-item\">\n            <div class=\"item-icon\" data-category=\"camera\">\ud83d\udcf7<\/div>\n            <div class=\"item-content\">\n                <p class=\"bold-heading\">\u30d7\u30ed\u4ed5\u69d8\u30ab\u30e1\u30e9 <span>NEW<\/span><\/p>\n                <p>\u300c\u30ab\u30e1\u30e9\u306e\u8a2d\u5b9a\u3088\u304f\u308f\u304b\u3093\u306a\u3044&#8230;\u300d<br>\u305d\u3093\u306a\u5fc3\u914d\u3082\u3054\u7121\u7528\u3067\u3059\uff01<br>\u30b9\u30bf\u30c3\u30d5\u304c\u64cd\u4f5c\u65b9\u6cd5\u3082\u304a\u4f1d\u3048\u3044\u305f\u3057\u307e\u3059\uff01<br>\n\u30b7\u30e3\u30c3\u30bf\u30fc\u30dc\u30bf\u30f3\u3072\u3068\u3064\u3067\u8d85\u7d76\u53ef\u611b\u304f\u5199\u308b<br>\u9b54\u6cd5\u306e\u30ab\u30e1\u30e9\u3067\u3059\u3002<\/p>\n                <div class=\"fun-fact\">\u30ec\u30f3\u30ba\u3082\u4ed8\u3044\u3066\u307e\u3059\u3002<br>\uff33\uff24\u30ab\u30fc\u30c9\u306f\u3054\u7528\u610f\u3092\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/div>\n            <\/div>\n        <\/div>\n<div class=\"rental-item\">\n    <div class=\"item-icon\" data-category=\"lens\">\ud83d\udd0d<\/div>\n    <div class=\"item-content\">\n        <p class=\"bold-heading\">\u30d7\u30ed\u7528\u30ec\u30f3\u30ba <span>4\u7a2e<\/span><\/p>\n        <p>\u30b7\u30c1\u30e5\u30a8\u30fc\u30b7\u30e7\u30f3\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b\u3001<br>\u9ad8\u753b\u8cea\u30ec\u30f3\u30ba\u30bb\u30c3\u30c8\u3082\u3054\u7528\u610f\u3042\u308a\u307e\u3059\u3002<\/p>\n        <div class=\"fun-fact\">\u5358\u7126\u70b9\u30ec\u30f3\u30ba\u306f\u80cc\u666f\u306e\u307c\u304b\u3057\u304c\u5f97\u610f\uff01<br>\u30ba\u30fc\u30e0\u30ec\u30f3\u30ba\u3082\u3054\u7528\u610f\u304c\u3042\u308a\u307e\u3059\u3002<\/div>\n    <\/div>\n<\/div>\n        <div class=\"rental-item\">\n            <div class=\"item-icon\" data-category=\"lighting\">\ud83d\udca1<\/div>\n            <div class=\"item-content\">\n                <p class=\"bold-heading\">\u30b9\u30bf\u30f3\u30c9\uff06\u7167\u660e <span>HOT<\/span><\/p>\n               <p>\u6620\u3048\u306f\u9593\u9055\u3044\u306a\u3057\uff01<br>\u7dba\u9e97\u306a\u5199\u771f\u304c\u64ae\u308c\u308b\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\uff01<br>\u52d5\u753b\u64ae\u5f71\u306b\u6700\u9069\u306a\u30ab\u30e1\u30e9\u30b9\u30bf\u30f3\u30c9\uff01<\/p>\n                <div class=\"fun-fact\">\u30e9\u30a4\u30c8\u306f\u5149\u6e90\u91cf\u3092\u8abf\u7bc0\u53ef\u80fd\uff01<br>\u30e2\u30c7\u30eb\u306e\u808c\u3092\u8f1d\u304b\u305b\u307e\u3059\uff01<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"rental-item\">\n            <div class=\"item-icon\" data-category=\"costume\">\ud83d\udc58<\/div>\n            <div class=\"item-content\">\n                <p class=\"bold-heading\">\u30b3\u30b9\u30d7\u30ec\u8863\u88c5 <span>+30<\/span><\/p>\n                <p>\u5b66\u751f\u670d\u3001\u8272\u3005\u306a\u30b7\u30c1\u30e5\u30a8\u30fc\u30b7\u30e7\u30f3\u670d\u3001<br>\u30bb\u30af\u30b7\u30fc\u7cfb\u30b3\u30b9\u30d7\u30ec\u3054\u7528\u610f\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n                <div class=\"fun-fact\">\u4eba\u6c17No.1\u306f\u5b66\u751f\u670d\u3067\u3059\uff01<br>\u3042\u306e\u9803\u306e\u9752\u6625\u6642\u4ee3\u306b\u623b\u3063\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"service-section\">\n            <h1>\u2728 \u7279\u5225\u30b5\u30fc\u30d3\u30b9 \u2728<\/h1>\n            <div class=\"service-content\">\n                <div class=\"service-icon\">\ud83d\udcaa<\/div>\n                <div class=\"service-text\">\n                    <p class=\"bold-heading\">\u304a\u8377\u7269<br>\u304a\u6301\u3061\u3057\u307e\u3059 <span>\u4efb\u305b\u3066<\/span><\/p>\n                    <p>\u300c\u8863\u88c5\u30b1\u30fc\u30b9\u91cd\u305f\u3044&#8230;\u300d\u300c\u8db3\u8170\u304c\u8f9b\u304f\u3066&#8230;\u300d<br>\u305d\u3093\u306a\u6642\u306f\u30b9\u30bf\u30c3\u30d5\u304c\u304a\u90e8\u5c4b\u307e\u3067<br>\u304a\u8377\u7269\u3092\u304a\u904b\u3073\u3057\u307e\u3059\uff01<br>\u624b\u3076\u3089\u3067\u304a\u90e8\u5c4b\u307e\u3067\u79fb\u52d5\u3067\u304d\u307e\u3059\u3002<br>\u3054\u9060\u616e\u306a\u304f\u304a\u7533\u3057\u4ed8\u3051\u4e0b\u3055\u3044\uff01<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"service-content\">\n                <div class=\"service-icon\">\ud83d\udc81<\/div>\n                <div class=\"service-text\">\n                    <p class=\"bold-heading\">\u30c4\u30fc\u30b7\u30e7\u30c3\u30c8 <span>\u4eba\u6c17<\/span><\/p>\n                    <p>\u304a\u6301\u3061\u306e\u30ab\u30e1\u30e9\u3067\u30e2\u30c7\u30eb\u69d8\u3068\u306e<br>\u300c\u30c4\u30fc\u30b7\u30e7\u30c3\u30c8\u300d\u304a\u5199\u771f\ud83d\udcf7<br>\u3044\u304b\u304c\u3067\u3059\u304b\uff1f<br>\u30e2\u30c7\u30eb\u69d8\u3068\u306e\u60f3\u3044\u51fa\uff01\u6b8b\u3057\u307e\u305b\u3093\u304b\uff1f<br>\u64ae\u5f71\u4f1a\u958b\u59cb\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067<br>\u3054\u5e0c\u671b\u304c\u3042\u308a\u307e\u3057\u305f\u3089\u3001\u304a\u4f1d\u3048\u4e0b\u3055\u3044\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"note\">\n            <h3>\ud83d\udce2 \u3054\u5229\u7528\u306e\u524d\u306b\u30c1\u30a7\u30c3\u30af\uff01<\/h3>\n            <ul>\n                <li>\u30ec\u30f3\u30bf\u30eb\u54c1\u306f\u5148\u7740\u9806\u3067\u3059<br>\uff08\u7279\u306b\u9031\u672b\u306f\u304a\u65e9\u3081\u306b\uff01\uff09<\/li>\n                <li>\u8863\u88c5\u306e\u30ec\u30f3\u30bf\u30eb\u306f\u5168\u3066\u7121\u6599\u3067\u3059\uff01<\/li>\n                <li>\u30ab\u30e1\u30e9\u306eSD\u30ab\u30fc\u30c9\u306f\u304a\u5fd8\u308c\u306a\u3044\u3088\u3046<br>\u304a\u6301\u3061\u5e30\u308a\u4e0b\u3055\u3044\uff01<\/li>\n                <li>\u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e9\u306f\u304a\u5e30\u308a\u306e\u969b\u306b<br>\u53d7\u4ed8\u30ab\u30a6\u30f3\u30bf\u30fc\u306b\u304a\u6301\u3061\u304f\u3060\u3055\u3044\uff01<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"button-container\">\n    <button id=\"special-button\">\u30c8\u30c3\u30d7\u306b\u623b\u308b<\/button>\n<\/div>\n\n  <div class=\"image-container\" id=\"image-container\">\n    <div class=\"image-piece top\" id=\"piece-top\"><\/div>\n    <div class=\"image-piece right\" id=\"piece-right\"><\/div>\n    <div class=\"image-piece bottom\" id=\"piece-bottom\"><\/div>\n    <div class=\"image-piece left\" id=\"piece-left\"><\/div>\n  <\/div>\n\n  <div class=\"message-container\" id=\"message-container\"><\/div>\n    <\/div>\n  <script>\n        const slider = document.querySelector('.image-slider');\n        const slideGroups = document.querySelectorAll('.slide-group');\n        const closeBtn = document.querySelector('.close-btn');\n        const prevBtn = document.querySelector('.prev');\n        const nextBtn = document.querySelector('.next');\n        \n        let currentCategory = null;\n        let currentSlideIndex = 0;\n\n        \/\/ \u30a2\u30a4\u30b3\u30f3\u30af\u30ea\u30c3\u30af\u51e6\u7406\n        document.querySelectorAll('.item-icon').forEach(icon => {\n            icon.addEventListener('click', (e) => {\n                const category = e.target.dataset.category;\n                currentCategory = category;\n                \n                \/\/ \u5168\u3066\u306e\u30b9\u30e9\u30a4\u30c9\u30b0\u30eb\u30fc\u30d7\u3092\u975e\u8868\u793a\n                slideGroups.forEach(group => {\n                    group.classList.remove('active');\n                    group.querySelectorAll('.slide').forEach(slide => slide.classList.remove('active'));\n                });\n                \n                \/\/ \u5bfe\u8c61\u306e\u30b9\u30e9\u30a4\u30c9\u30b0\u30eb\u30fc\u30d7\u3092\u30a2\u30af\u30c6\u30a3\u30d6\u5316\n                const targetGroup = document.querySelector(`.slide-group[data-category=\"${category}\"]`);\n                targetGroup.classList.add('active');\n                targetGroup.querySelector('.slide').classList.add('active');\n                \n                currentSlideIndex = 0;\n                slider.style.display = 'flex';\n            });\n        });\n\n        \/\/ \u30b9\u30e9\u30a4\u30c9\u8868\u793a\u95a2\u6570\n        function showSlide(index) {\n            const activeGroup = document.querySelector(`.slide-group.active`);\n            const slides = activeGroup.querySelectorAll('.slide');\n            \n            if (index >= slides.length) index = 0;\n            if (index < 0) index = slides.length - 1;\n            \n            slides.forEach(slide => slide.classList.remove('active'));\n            slides[index].classList.add('active');\n            currentSlideIndex = index;\n        }\n\n        \/\/ \u30dc\u30bf\u30f3\u30a4\u30d9\u30f3\u30c8\n        closeBtn.addEventListener('click', () => {\n            slider.style.display = 'none';\n        });\n\n        prevBtn.addEventListener('click', () => showSlide(currentSlideIndex - 1));\n        nextBtn.addEventListener('click', () => showSlide(currentSlideIndex + 1));\n\n        \/\/ \u30b9\u30ef\u30a4\u30d7\u51e6\u7406\n        let touchStartX = 0;\n        slider.addEventListener('touchstart', e => {\n            touchStartX = e.touches[0].clientX;\n        });\n\n        slider.addEventListener('touchend', e => {\n            const touchEndX = e.changedTouches[0].clientX;\n            const diff = touchStartX - touchEndX;\n            \n            if (Math.abs(diff) > 50) {\n                if (diff > 0) showSlide(currentSlideIndex + 1);\n                else showSlide(currentSlideIndex - 1);\n            }\n        });\n    \n    \n    \n    \n    const button = document.getElementById('special-button');\n    const messageContainer = document.getElementById('message-container');\n    const imageContainer = document.getElementById('image-container');\n    const pieces = document.querySelectorAll('.image-piece');\n\n    const messages = [\n      { text: \"\u308c\u3042\u3074\u3092\u3082\u3063\u3068\u597d\u304d\u306b\u306a\u3063\u3066\", color: \"#ff6b8b\" },\n      { text: \"\u308c\u3042\u3074\u306e\u30a8\u30ed\u904e\u304e\u306a\u59ff\u3092\u898b\u305b\u305f\u3044\", color: \"#6a5acd\" },\n      { text: \"\u308c\u3042\u3074\u306e\u30a2\u30ca\u30eb\u307e\u3067\u30c9\u30a2\u30c3\u30d7\u3067\u64ae\u3063\u3066\u306d\uff1f\", color: \"#00bcd4\" },\n      { text: \"\u6700\u5f37\u30ae\u30e3\u30eb\u306e\u30c9\u041c\u306a\u59ff\u8eab\u305b\u305f\u3044\uff01\", color: \"#e91e63\" }\n    ];\n\n    const imageSets = [\n      {\n        top: 'https:\/\/attachments.timetreeapp.com\/calendar\/ac10\/2025-05-04\/81176272-1746360205740.jpg',\n        right: 'https:\/\/attachments.timetreeapp.com\/calendar\/ac10\/2025-05-04\/81176272-1746360205740.jpg',\n        bottom: 'https:\/\/attachments.timetreeapp.com\/calendar\/ac10\/2025-05-04\/81176272-1746360205740.jpg',\n        left: 'https:\/\/attachments.timetreeapp.com\/calendar\/ac10\/2025-05-04\/81176272-1746360205740.jpg'\n      },\n      {\n        top: 'https:\/\/attachments.timetreeapp.com\/calendar\/7b93\/2025-05-04\/0-1746361149960.jpg',\n        right: 'https:\/\/attachments.timetreeapp.com\/calendar\/7b93\/2025-05-04\/0-1746361149960.jpg',\n        bottom: 'https:\/\/attachments.timetreeapp.com\/calendar\/7b93\/2025-05-04\/0-1746361149960.jpg',\n        left: 'https:\/\/attachments.timetreeapp.com\/calendar\/7b93\/2025-05-04\/0-1746361149960.jpg'\n      },\n      {\n        top: 'https:\/\/attachments.timetreeapp.com\/calendar\/e18c\/2025-05-04\/0-1746361150930.jpg',\n        right: 'https:\/\/attachments.timetreeapp.com\/calendar\/e18c\/2025-05-04\/0-1746361150930.jpg',\n        bottom: 'https:\/\/attachments.timetreeapp.com\/calendar\/e18c\/2025-05-04\/0-1746361150930.jpg',\n        left: 'https:\/\/attachments.timetreeapp.com\/calendar\/e18c\/2025-05-04\/0-1746361150930.jpg'\n      },\n      {\n        top: 'https:\/\/attachments.timetreeapp.com\/calendar\/7e5c\/2025-05-04\/0-1746361151739.jpg',\n        right: 'https:\/\/attachments.timetreeapp.com\/calendar\/7e5c\/2025-05-04\/0-1746361151739.jpg',\n        bottom: 'https:\/\/attachments.timetreeapp.com\/calendar\/7e5c\/2025-05-04\/0-1746361151739.jpg',\n        left: 'https:\/\/attachments.timetreeapp.com\/calendar\/7e5c\/2025-05-04\/0-1746361151739.jpg'\n      }\n    ];\n\n    const targetUrl = \"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/?lp=reapi\";\n\n    \/\/ \u72b6\u614b\u30ea\u30bb\u30c3\u30c8\u95a2\u6570\n    function resetState() {\n      button.style.display = 'block';\n      imageContainer.style.display = 'none';\n      messageContainer.style.display = 'none';\n      messageContainer.innerHTML = '';\n      pieces.forEach(piece => {\n        piece.style.opacity = '0';\n        piece.style.transform = piece.id === 'piece-top' ? 'translateY(-120%) rotateX(-90deg)' :\n                                piece.id === 'piece-right' ? 'translateX(120%) rotateY(90deg)' :\n                                piece.id === 'piece-bottom' ? 'translateY(120%) rotateX(90deg)' :\n                                'translateX(-120%) rotateY(-90deg)';\n      });\n    }\n\n    \/\/ \u30e9\u30f3\u30c0\u30e0\u306a\u753b\u50cf\u30bb\u30c3\u30c8\u3092\u8a2d\u5b9a\n    function setRandomImages() {\n      const randomIndex = Math.floor(Math.random() * imageSets.length);\n      const selectedImages = imageSets[randomIndex];\n\n      document.querySelector('.top').style.backgroundImage = `url('${selectedImages.top}')`;\n      document.querySelector('.right').style.backgroundImage = `url('${selectedImages.right}')`;\n      document.querySelector('.bottom').style.backgroundImage = `url('${selectedImages.bottom}')`;\n      document.querySelector('.left').style.backgroundImage = `url('${selectedImages.left}')`;\n    }\n\n    \/\/ \u30da\u30fc\u30b8\u8aad\u307f\u8fbc\u307f\u6642\u3068\u30da\u30fc\u30b8\u8868\u793a\u6642\u306b\u30ea\u30bb\u30c3\u30c8\n    window.addEventListener('DOMContentLoaded', () => {\n      resetState();\n      setRandomImages(); \/\/ \u30e9\u30f3\u30c0\u30e0\u306a\u753b\u50cf\u30bb\u30c3\u30c8\u3092\u8a2d\u5b9a\n    });\n    window.addEventListener('pageshow', resetState);\n\n    \n    button.addEventListener('click', () => {\n      button.style.display = 'none';\n      imageContainer.style.display = 'block';\n\n      pieces.forEach((piece, index) => {\n        setTimeout(() => {\n          piece.style.opacity = '1';\n          piece.style.transform = 'translate(0, 0) rotate(0)';\n        }, index * 150);\n      });\n\n      setTimeout(() => {\n        const selected = messages[Math.floor(Math.random() * messages.length)];\n\n        messageContainer.innerHTML = '';\n        messageContainer.style.display = 'flex';\n        messageContainer.style.opacity = '1';\n\n        selected.text.split('').forEach((char, index) => {\n          const span = document.createElement('div');\n          span.classList.add('message-char');\n          span.textContent = char;\n          span.style.color = selected.color;\n          messageContainer.appendChild(span);\n\n          setTimeout(() => {\n            span.classList.add('show-message');\n          }, index * 150);\n        });\n\n        setTimeout(() => {\n          resetState();\n          window.location.href = targetUrl;\n        }, (selected.text.length * 150) + 500);\n      }, 1500);\n    });\n\n    button.addEventListener('touchstart', function () {\n      this.style.transform = 'scale(0.95)';\n    });\n\n    button.addEventListener('touchend', function () {\n      this.style.transform = 'scale(1)';\n    });\n\n    <\/script>\n  \n<\/body>\n<\/html>\n\n\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","swell_btn_cv_data":"","_themeisle_gutenberg_block_has_review":false,"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-10730","lp","type-lp","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"\u9db4\u30c3\u6597\u3071\u3044\u3071\u3093","author_link":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u00d7 \u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e91 \u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e92 \u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e93 \u30ec\u30f3\u30bf\u30eb\u30ab\u30e1\u30e94 F2.8 \u30ba\u30fc\u30e0\u30ec\u30f3\u30ba(\u5e83\u89d2) F&hellip;","_links":{"self":[{"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=\/wp\/v2\/lp\/10730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=\/wp\/v2\/lp"}],"about":[{"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=\/wp\/v2\/types\/lp"}],"author":[{"embeddable":true,"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"version-history":[{"count":10,"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=\/wp\/v2\/lp\/10730\/revisions"}],"predecessor-version":[{"id":12276,"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=\/wp\/v2\/lp\/10730\/revisions\/12276"}],"wp:attachment":[{"href":"https:\/\/www.xn--paipanchan-ww4i4lod1w.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}