{"id":83,"date":"2025-09-11T09:24:16","date_gmt":"2025-09-11T00:24:16","guid":{"rendered":"http:\/\/test.hacostadium.com\/osaka\/wp\/?post_type=booth&#038;p=83"},"modified":"2025-10-29T14:31:40","modified_gmt":"2025-10-29T05:31:40","slug":"citypoptokyo3","status":"publish","type":"booth","link":"https:\/\/hacostadium.com\/osaka\/booth\/citypoptokyo3\/","title":{"rendered":"CITY POP TOKYO3"},"content":{"rendered":"\n<script src=\"https:\/\/kit.fontawesome.com\/cabcddc1dd.js\" crossorigin=\"anonymous\"><\/script>\n<link href=\"https:\/\/use.fontawesome.com\/releases\/v5.6.1\/css\/all.css\" rel=\"stylesheet\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&#038;display=swap\"\n    rel=\"stylesheet\" \/>\n<!--\u30b5\u30e0\u30cd\u30a4\u30eb\u8a2d\u5b9a-->\n<meta property=\"og:image\" content=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3.jpeg\" \/>\n\n<!--CSS-->\n<link rel=\"stylesheet\" href=\"\/css\/all\/sp-pagefull.css\" \/>\n<style type=\"text\/css\">\n    \/*------lp-body\u8a2d\u5b9a------*\/\n    #lp-body {\n        \/*\u80cc\u666f\u8a2d\u5b9a*\/\n        max-width: 910px;\n        background: url(..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/back.png);\n        background-color: #ff79ab;\n        background-attachment: fixed;\n        padding-bottom: 1em;\n        background-size: 90%;\n        \/*\u6587\u5b57\u8a2d\u5b9a*\/\n        text-align: center;\n        font-family: \"M PLUS 1p\", sans-serif;\n    }\n\n    @media screen and (min-width: 480px) {\n        #lp-body {\n            font-size: 170%;\n        }\n    }\n\n    #lp-body>section {\n        position: relative;\n        margin: 6em auto;\n    }\n\n    .headline-back {\n        position: absolute;\n        top: -3em;\n        left: 5%;\n        padding: 0em;\n        z-index: +2;\n        overflow: hidden;\n        width: 0;\n        background-color: #fff;\n    }\n\n    .headline-back h2 {\n        font-size: 230%;\n        margin: 0 auto;\n        padding: 0;\n        font-weight: 900;\n    }\n\n    .animate-slideIn {\n        width: 60%;\n        animation: slideIn 0.8s forwards;\n    }\n\n    @keyframes slideIn {\n        0% {\n            width: 0;\n        }\n\n        100% {\n            width: 60%;\n        }\n    }\n\n    .sec-box {\n        width: 95%;\n        margin: auto;\n    }\n\n    .link-btn {\n        display: inline-block;\n        color: #fff;\n        border: 2px solid #fff;\n        font-weight: 700;\n        padding: 0.4em 1em;\n        border-radius: 20px;\n        text-decoration: none;\n        position: relative;\n        overflow: hidden;\n        z-index: 1;\n        margin: 1em auto;\n    }\n\n    .link-btn:hover {\n        color: #fff;\n    }\n\n    .link-btn::before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 200%;\n        height: 200%;\n        background-color: #fff;\n        opacity: 0;\n        transition: opacity 0.5s ease;\n    }\n\n    .link-btn.show::before {\n        opacity: 1;\n        animation: shine 1s ease forwards;\n    }\n\n    @keyframes shine {\n        0% {\n            opacity: 0;\n        }\n\n        50% {\n            opacity: 1;\n        }\n\n        100% {\n            opacity: 0;\n        }\n    }\n\n    \/*\u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u52b9\u679c*\/\n    .under-line {\n        position: relative;\n        z-index: 1;\n    }\n\n    .under-line:after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        bottom: 0.1em;\n        height: 10px;\n        width: 0%;\n        background-color: rgba(255, 208, 77, 0.5);\n        transition: all 1s;\n        z-index: -1;\n        \/* \u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u3092\u6587\u5b57\u306e\u80cc\u9762\u306b\u914d\u7f6e *\/\n    }\n\n    .under-line.isActive:after {\n        width: 100%;\n    }\n\n    \/*\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u52b9\u679c*\/\n\n    .fade-in {\n        opacity: 0;\n        transition-duration: 1s;\n        transition-property: opacity, transform;\n        transition-delay: 0.5s;\n    }\n\n    .fade-in-up {\n        transform: translate(0, 50px);\n    }\n\n    .fade-in-down {\n        transform: translate(0, -50px);\n    }\n\n    .fade-in-left {\n        transform: translate(-50px, 0);\n    }\n\n    .fade-in-right {\n        transform: translate(50px, 0);\n    }\n\n    .scroll-in {\n        opacity: 1;\n        transform: translate(0, 0);\n    }\n\n    \/*------hero img\u8a2d\u5b9a------*\/\n    h1 img {\n        width: 100%;\n    }\n\n    \/*------lp-intro\u8a2d\u5b9a------*\/\n    #lp-intro {\n        margin-top: 1em !important;\n    }\n\n    #lp-intro p {\n        font-size: 140%;\n        font-weight: 700;\n        color: #fff;\n        letter-spacing: 0.1em;\n    }\n\n    \/*---\u30bf\u30a4\u30d4\u30f3\u30b0\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3---*\/\n    \/*js\u3067\u751f\u6210\u3055\u308c\u308bspan\u30bf\u30b0*\/\n    .typing span {\n        display: none;\n    }\n\n    \/*|\u30ab\u30fc\u30bd\u30eb\u3092\u8868\u793a*\/\n    .typing::after {\n        content: \"|\";\n        animation: typingCursor 0.8s ease infinite;\n    }\n\n    @keyframes typingCursor {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    \/*\u80cc\u666f\u8a2d\u5b9a*\/\n    #lp-intro .photo-area {\n        position: relative;\n        z-index: 0;\n        padding: 0;\n    }\n\n    #lp-intro .photo-area::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        \/*\u56db\u89d2\u5f62\u3092\u50be\u3051\u307e\u3059*\/\n        transform: skewY(-4deg);\n        transform-origin: top right;\n        z-index: -1;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(255, 202, 222, 0.7);\n    }\n\n    \/*\u30b9\u30e9\u30a4\u30c0\u30fc\u8a2d\u5b9a*\/\n    #lp-intro .photo-area .sec-box {\n        position: relative;\n        width: 80%;\n        max-width: 650px;\n        margin-top: 1.5em;\n    }\n\n    #lp-intro .photo-area .box-left {\n        margin-left: 5%;\n    }\n\n    #lp-intro .photo-area .box-right {\n        margin-right: 5%;\n    }\n\n    .slider {\n        position: relative;\n        width: 80%;\n        height: 100%;\n        padding-bottom: 90%;\n        overflow: hidden;\n        border: 0.3em solid #fff;\n    }\n\n    .slide {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 1s;\n    }\n\n    .slide.active {\n        opacity: 1;\n    }\n\n    .slide img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .box-right .slider {\n        margin: auto 0 auto auto;\n    }\n\n    .slide-item {\n        position: absolute;\n        width: 28%;\n    }\n\n    .right-t-item {\n        top: 0;\n        right: -8%;\n    }\n\n    .right-b-item {\n        bottom: 0;\n        right: -8%;\n    }\n\n    .left-t-item {\n        top: 2em;\n        left: -6%;\n    }\n\n    .left-b-item {\n        bottom: 0;\n        left: -7%;\n    }\n\n    @media screen and (min-width: 480px) {\n        #lp-intro .photo-area .box-left {\n            margin-left: 10%;\n        }\n\n        #lp-intro .photo-area .box-right {\n            margin-right: 10%;\n        }\n    }\n\n    \/*------lp-concept\u8a2d\u5b9a------*\/\n    \/*\u80cc\u666f\u8a2d\u5b9a*\/\n    #lp-concept .concept-area {\n        position: relative;\n        z-index: 0;\n        padding: 1em 0 2em;\n    }\n\n    #lp-concept .concept-area::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        \/*\u56db\u89d2\u5f62\u3092\u50be\u3051\u307e\u3059*\/\n        transform: skewY(4deg);\n        transform-origin: top right;\n        z-index: -1;\n        width: 100%;\n        height: 100%;\n        background-color: #02cad7;\n    }\n\n    \/*\u753b\u50cf\u5207\u308a\u629c\u304d*\/\n    .concept-area .deko-com img {\n        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);\n        margin-bottom: -2.2em;\n    }\n\n    \/*\u6587\u5b57\u8a2d\u5b9a*\/\n    .concept-area p {\n        color: #fff;\n        font-weight: 800;\n        letter-spacing: 0.2em;\n        line-height: 1.8em;\n        font-size: 120%;\n    }\n\n    \/*------lp-gallery\u8a2d\u5b9a------*\/\n    #lp-gallery .gallery-box {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        column-gap: 0.5em;\n        row-gap: 0.5em;\n    }\n\n    .gl-item-full {\n        grid-column-start: 1;\n        grid-column-end: 3;\n    }\n\n    \/*------lp-creator\u8a2d\u5b9a------*\/\n    #lp-creator {\n        margin-top: -1em !important;\n        margin-bottom: -3em !important;\n    }\n\n    #lp-creator .sec-box {\n        padding-top: 1em;\n    }\n\n    .rotate-animation {\n        animation: rotateAnimation 1s linear 0s 1.5;\n        animation-play-state: paused;\n        \/* \u6700\u521d\u306f\u4e00\u6642\u505c\u6b62\u72b6\u614b *\/\n    }\n\n    @keyframes rotateAnimation {\n        0% {\n            transform: rotateY(0);\n        }\n\n        50% {\n            transform: rotateY(360deg);\n        }\n\n        100% {\n            transform: rotateY(720deg);\n        }\n    }\n\n    \/*------lp-caution\u8a2d\u5b9a------*\/\n    \/*\u80cc\u666f\u8a2d\u5b9a*\/\n    #lp-caution .caution-area {\n        position: relative;\n        z-index: 0;\n        padding: 1em 0 2em;\n    }\n\n    #lp-caution .caution-area::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        \/*\u56db\u89d2\u5f62\u3092\u50be\u3051\u307e\u3059*\/\n        transform: skewY(-4deg);\n        transform-origin: top right;\n        z-index: -1;\n        width: 100%;\n        height: 100%;\n        background-color: #f7b500;\n    }\n\n    #lp-caution .caution-area .sec-box {\n        margin-top: 3em;\n    }\n\n    \/*\u6587\u5b57\u30fb\u30ea\u30b9\u30c8\u8a2d\u5b9a*\/\n    #lp-caution .headline-back {\n        top: 0;\n    }\n\n    #lp-caution ul {\n        list-style: disc;\n        padding-left: 2em;\n        color: #fff;\n        font-weight: 700;\n        font-size: 85%;\n    }\n\n    #lp-caution ul li {\n        list-style: disc;\n        margin: 0.5em;\n        text-align: left;\n    }\n\n    \/*------lp-share\u8a2d\u5b9a------*\/\n    #lp-share {\n        margin-bottom: 1em !important;\n    }\n\n    #lp-share .sec-box {\n        padding-top: 2em;\n    }\n\n    #lp-share .share-sns {\n        display: grid;\n        width: 80%;\n        grid-template-columns: 1fr 1fr;\n        margin: 0 auto 2em;\n        column-gap: 20%;\n    }\n\n    .hash-tag {\n        color: #02cad7;\n        background: #fff;\n        font-weight: 800;\n        letter-spacing: 0.1em;\n        font-size: 140%;\n        border-radius: 20px;\n        margin: 0 auto;\n        padding: 0.4em 0;\n    }\n\n    \/*cam-service*\/\n    #cam-service {\n        background-color: rgba(255, 255, 255, 0.5);\n        margin: auto;\n        border-radius: 1em;\n        color: #522e3c;\n        width: 95%;\n    }\n\n    #cam-service h2 {\n        margin: 0 auto;\n        width: 90%;\n        background-color: #f86496;\n        color: #fff;\n        font-size: 130%;\n        padding: 0.3em 0;\n    }\n\n    #cam-service h3,\n    #cam-service .grid-2 {\n        width: 95%;\n        max-width: 700px;\n    }\n\n    #cam-service h3 {\n        border: 1px solid #f86496;\n        color: #f86496;\n        padding: 0.3em 0;\n        margin: 1em auto 0;\n        font-size: 120%;\n        font-weight: 700;\n        background-color: #fff5f8;\n    }\n\n    #cam-service h3 small {\n        font-size: 70%;\n    }\n\n    .service-read {\n        font-size: 110%;\n        font-weight: 700;\n    }\n\n    .service-read small {\n        font-size: 70%;\n        color: red;\n        font-weight: 400;\n    }\n\n    #cam-service .grid-2 {\n        display: grid;\n        justify-items: center;\n        align-items: flex-start;\n        grid-template-columns: 35% 65%;\n        margin: 1em auto 2em;\n        column-gap: 2%;\n    }\n\n    .grid-2>p {\n        text-align: left;\n        width: 100%;\n    }\n\n    .grid-2 p small {\n        font-size: 80%;\n    }\n\n    .service-day {\n        display: grid;\n        justify-items: center;\n        align-items: center;\n        height: 5em;\n        background-color: rgb(239, 130, 14);\n        padding: 1em 0;\n        color: #fff;\n        font-weight: 700;\n        font-size: 140%;\n        border-radius: 10px;\n        letter-spacing: 0.2em;\n        width: 100%;\n        margin-top: 0.3em;\n    }\n\n    .service-day small {\n        font-size: 70%;\n        font-weight: normal;\n    }\n\n    #cam-service ul {\n        overflow: auto;\n        width: 95%;\n        max-width: 800px;\n        background-color: #fff;\n        border-radius: 10px;\n        height: 300px;\n        text-align: center;\n        padding: 0.5em 0 0.5em 0;\n        margin: 0.5em auto;\n        font-size: 80%;\n    }\n\n    #cam-service li {\n        list-style: disc;\n        text-align: left;\n        margin: 0.3em auto 0.3em 2em;\n        font-size: 80%;\n    }\n\n    #cam-service ul b {\n        display: inline-block;\n        margin-left: 0.5em;\n        background-color: #f86496;\n        padding: 0.2em 0.8em;\n        color: #fff;\n        border-radius: 10px;\n        letter-spacing: 0.2em;\n        margin-top: 1em;\n    }\n\n    #cam-service ul b:first-of-type {\n        margin-top: 0;\n    }\n\n    .form-btn {\n        display: block;\n        margin: 0.5em auto;\n        text-decoration: none;\n        background-color: #fff;\n        width: 80%;\n        max-width: 400px;\n        color: #f13a01;\n        padding: 0.5em 0;\n        border-radius: 10px;\n    }\n\n    .inquiry {\n        background-color: #fff;\n        width: 90%;\n        margin: auto;\n    }\n\n    #formbtn {\n        width: 80%;\n        margin: 1em auto;\n    }\n\n    @media screen and (max-width: 479px) {\n        .inquiry {\n            margin: auto;\n        }\n    }\n\n    .gl-gl {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 5px;\n        padding: 0 50px;\n    }\n\n    .gl-gl .item a img {\n        width: 250px;\n        height: 250px;\n        object-fit: cover;\n        object-position: top;\n    }\n\n    @media screen and (max-width: 768px) {\n        .gl-gl {\n            padding: 0 10px;\n        }\n\n        .gl-gl .item a img {\n            width: 110px;\n            height: 110px;\n            object-fit: cover;\n            object-position: top;\n        }\n    }\n<\/style>\n\n<!--HTML-->\n<article id=\"lp-body\">\n    <h1>\n        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/top.gif\" alt=\"CITY POP TOKYO3-produced by \u51f8\u30dd\u30f3-\" \/>\n    <\/h1>\n\n    <section id=\"lp-intro\">\n        <div class=\"sec-box\">\n            <p class=\"typing\">\n                \u5927\u597d\u8a55\u306b\u3064\u304d\n                <br \/>\n                \u5c02\u7528\u30d6\u30fc\u30b9\u306b\u30d1\u30ef\u30fc\u30a2\u30c3\u30d7\uff01\n                <br \/>\n                \u30ec\u30c8\u30ed\u306a\u306e\u306b\u65b0\u3057\u3044\u3002\n                <br \/>\n                \u3053\u3060\u308f\u308a\u5c3d\u304f\u3057\u306e\u7a7a\u9593\u3067\u3059\u3002\n            <\/p>\n        <\/div>\n        <div class=\"photo-area\">\n            <div class=\"sec-box box-left\">\n                <div class=\"slider\">\n                    <div class=\"slide active\">\n                        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/booth02.jpg\" alt=\"Photo 1\" \/>\n                    <\/div>\n                    <div class=\"slide\">\n                        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/booth01.jpg\" alt=\"Photo 2\" \/>\n                    <\/div>\n                <\/div>\n                <div class=\"slide-item right-t-item fade-in fade-in-up\">\n                    <img decoding=\"async\" style=\"transform: rotate(25deg)\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/item_01.png\"\n                        alt=\"\" \/>\n                <\/div>\n                <div class=\"slide-item right-b-item fade-in fade-in-up\" style=\"width: 33%\">\n                    <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/item_06.png\" alt=\"\" \/>\n                <\/div>\n            <\/div>\n\n            <div class=\"sec-box box-right\">\n                <div class=\"slider\">\n                    <div class=\"slide active\">\n                        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/booth07.jpg\" alt=\"Photo 1\" \/>\n                    <\/div>\n                    <div class=\"slide\">\n                        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/booth04.jpg\" alt=\"Photo 2\" \/>\n                    <\/div>\n                <\/div>\n                <div class=\"slide-item left-t-item fade-in fade-in-up\" style=\"width: 35%\">\n                    <img decoding=\"async\" style=\"transform: rotate(25deg)\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/item_02.png\"\n                        alt=\"\" \/>\n                <\/div>\n                <div class=\"slide-item left-b-item fade-in fade-in-up\" style=\"width: 23%\">\n                    <img decoding=\"async\" style=\"transform: rotate(20deg)\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/item_05.png\"\n                        alt=\"\" \/>\n                <\/div>\n            <\/div>\n\n            <div class=\"sec-box box-left\">\n                <div class=\"slider\">\n                    <div class=\"slide active\">\n                        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/booth06.jpg\" alt=\"Photo 1\" \/>\n                    <\/div>\n                    <div class=\"slide\">\n                        <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/booth05.jpg\" alt=\"Photo 2\" \/>\n                    <\/div>\n                <\/div>\n                <div class=\"slide-item right-t-item fade-in fade-in-up\" style=\"width: 40%\">\n                    <img decoding=\"async\" style=\"transform: rotate(-40deg)\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/item_03.png\"\n                        alt=\"\" \/>\n                <\/div>\n                <div class=\"slide-item right-b-item fade-in fade-in-up\" style=\"width: 35%\">\n                    <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/item_04.png\" alt=\"\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"lp-concept\">\n        <div class=\"headline-back\">\n            <h2 style=\"color: #02cad7\">CONCEPT<\/h2>\n        <\/div>\n        <div class=\"concept-area\">\n            <div class=\"sec-box\">\n                <p>\n                    <span class=\"under-line lineAnimation\">\u662d\u548c98\u5e74\u4ee3\u3001\u304b\u3064\u3066\u5922\u898b\u305f<\/span>\n                    <br \/>\n                    <span class=\"under-line lineAnimation\">\u672a\u6765\u306e\u6771\u4eac\u3002<\/span>\n                    <br \/>\n                    80\u5e74\u4ee3\u306e\u90fd\u4f1a\u7684\u6d0b\u697d\u5fd7\u5411\u30e1\u30ed\u30c7\u30a3\u3067\n                    <br \/>\n                    \u73fe\u5728\u6d77\u5916\u306eDJ\u305f\u3061\u306b\u3088\u3063\u3066\n                    <br \/>\n                    \u30ea\u30d0\u30a4\u30d0\u30eb\u3057\u3066\u3044\u308b\n                    <span class=\"under-line lineAnimation\">CITY POP<\/span>\n                    \u3092\n                    <br \/>\n                    \u64ae\u5f71\u30d6\u30fc\u30b9\u306e\u30c6\u30a4\u30b9\u30c8\u3068\u3057\u3066\n                    <br \/>\n                    \u518d\u73fe\u3044\u305f\u3057\u307e\u3057\u305f\u3002\n                <\/p>\n                <div class=\"deko-com\">\n                    <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/comment.png\" alt=\"\u51f8\u30dd\u30f3\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"lp-gallery\">\n        <div class=\"headline-back\">\n            <h2 style=\"color: #f873a2\">GALLERY<\/h2>\n        <\/div>\n        <div class=\"sec-box\">\n            <div class=\"gallery-box\">\n                <img decoding=\"async\" class=\"gl-item-full fade-in fade-in-up\"\n                    src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3_01.jpg\" alt=\"\" \/>\n                <img decoding=\"async\" class=\"fade-in fade-in-up\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3_10.jpg\"\n                    alt=\"\" \/>\n                <img decoding=\"async\" class=\"fade-in fade-in-up\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3_07.jpg\"\n                    alt=\"\" \/>\n                <img decoding=\"async\" class=\"fade-in fade-in-up\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3_03.jpg\"\n                    alt=\"\" \/>\n                <img decoding=\"async\" class=\"fade-in fade-in-up\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3_14.jpg\"\n                    alt=\"\" \/>\n            <\/div><br><br>\n            <!--\n            <a class=\"link-btn\" href=\"\/osaka\/floor\/cpt3\/\">\n                \u30d6\u30fc\u30b9\u5199\u771f\u3092\u3082\u3063\u3068\u898b\u308b\n                <i class=\"fa fa-angle-double-right\"><\/i>\n            <\/a>-->\n\n            <div class=\"model-gl gl-gl\">\n\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_24.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_24.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_30.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_30.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_26.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_26.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_35.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_35.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_40.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_40.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_03.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_03.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_02.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_02.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_17.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_17.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n                <div class=\"item\">\n                    <a href=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_23.jpg\">\n                        <img decoding=\"async\" src=\"..\/..\/wp\/wp-content\/uploads\/2025\/10\/cpt3gl_23.jpg\" alt=\"\">\n                    <\/a>\n                <\/div>\n\n            <\/div>\n            <!--\n            <a class=\"link-btn\" href=\"\/osaka\/city-pop-tokyo3-gl\/\">\n                \u64ae\u5f71\u4e8b\u4f8b\u3092\u3082\u3063\u3068\u898b\u308b\n                <i class=\"fa fa-angle-double-right\"><\/i>\n            <\/a>-->\n            <a class=\"link-btn\" href=\"https:\/\/blog.hacosta.co.jp\/2023\/07\/osaka-09-2\/\" target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                \u30d6\u30fc\u30b9\u7d39\u4ecb\u30d6\u30ed\u30b0\u3078\n                <i class=\"fa fa-angle-double-right\"><\/i>\n            <\/a>\n            <a class=\"link-btn\" href=\"https:\/\/blog.hacosta.co.jp\/2023\/07\/osaka-08\/\" target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                \u304a\u5ba2\u69d8\u5199\u771f\u30d6\u30ed\u30b0\u3078\n                <i class=\"fa fa-angle-double-right\"><\/i>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <section id=\"lp-creator\">\n        <div class=\"headline-back\">\n            <h2 style=\"color: #02cad7\">CREATOR<\/h2>\n        <\/div>\n        <div class=\"sec-box\">\n            <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/deko.png\" alt=\"\u51f8\u30dd\u30f3\" class=\"rotate-animation\" \/>\n            <a class=\"link-btn\" href=\"https:\/\/twitter.com\/dekoponP\" target=\"_blank\" rel=\"noopener noreferrer\">\n                X\uff1a@dekoponP\n                <i class=\"fa fa-angle-double-right\"><\/i>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!--\u30ab\u30e1\u30e9\u30de\u30f3\u30b5\u30fc\u30d3\u30b9-->\n    <!--\n  <section id=\"cam-service\">\n    <br \/>\n    <h2>\u30ab\u30e1\u30e9\u30de\u30f3\u30b5\u30fc\u30d3\u30b9\u5b9f\u65bd\uff01<\/h2>\n    <h3>\n      SSR\u64ae\u5f71\u30b5\u30fc\u30d3\u30b9\n      <br \/>\n      <small>(\u30cf\u30b3\u30b9\u30bf\u30b8\u30a2\u30e0\u5927\u962a\/\u5168\u30d6\u30fc\u30b9\u5bfe\u8c61)<\/small>\n    <\/h3>\n    <p class=\"service-read\">\n      <small>\u203b\u8981\u4e8b\u524d\u5fdc\u52df\u30fb\u62bd\u9078\u5236\u3068\u306a\u308a\u307e\u3059\u3002<\/small>\n    <\/p>\n\n    <div class=\"grid-2\">\n      <div\n        class=\"service-day\"\n        style=\"background-color: #ec1d5f\"\n      >\n        <div>\n          <small>\u5b9f\u65bd\u65e5<\/small>\n          <br \/>\n          9\/27\n        <\/div>\n      <\/div>\n      <p>\n        1\u30b0\u30eb\u30fc\u30d760\u5206\u9593\u597d\u304d\u306a\u30d6\u30fc\u30b9\u3067\u64ae\u5f71\uff01\n        <br \/>\n        SSR\u306a\u5199\u771f\u52a0\u5de5\u307e\u3067\u884c\u3044\u307e\u3059\uff01\n        <br \/>\n        <br \/>\n        \u3010\u6642\u9593\u30111\u67a0\/60\u5206\n        <br \/>\n        <small>\u203b\u64ae\u308a\u305f\u3044\u30d6\u30fc\u30b9\u306f\u958b\u59cb\u304b\u308930\u5206\u9593\u5360\u6709\u53ef\u3002<\/small>\n        <br \/>\n        \u3010\u6599\u91d1\u30111\u67a0\/7,000\u5186\n      <\/p>\n    <\/div>\n    [foogallery id=\"6745\"]\n\n    <h3>\u3054\u7559\u610f\u4e8b\u9805<\/h3>\n    <small style=\"color: red; font-weight: bold; font-size: 80%\">\u3088\u304f\u304a\u8aad\u307f\u3044\u305f\u3060\u304d\u3001\u540c\u610f\u3055\u308c\u308b\u65b9\u306e\u307f\u3054\u5fdc\u52df\u53ef\u80fd\u3067\u3059\u3002<\/small>\n    <ul>\n      <b>\u3054\u5fdc\u52df\u306b\u3042\u305f\u3063\u3066<\/b>\n      <li>\u5b9f\u65bd\u5834\u6240\u306f\u30cf\u30b3\u30b9\u30bf\u30b8\u30a2\u30e0\u5927\u962a\u3067\u3059\u3002<\/li>\n      <li>\u64ae\u5f71\u5e0c\u671b\u6642\u9593\u306e\u6307\u5b9a\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/li>\n      <li>\u64ae\u5f71\u3057\u305f\u304a\u5199\u771f\u306f\u30cf\u30b3\u30b9\u30bf\u3001\u307e\u305f\u306f\u30d5\u30a9\u30c8\u30b0\u30e9\u30d5\u30a1\u30fc\u51f8\u30dd\u30f3\u306e\u904b\u55b6\u3059\u308bSNS\u3084\u30c1\u30e9\u30b7\u30fb\u30dd\u30b9\u30bf\u30fc\u7b49\u306e\u7d19\u5a92\u4f53\u3001\u305d\u306e\u4ed6\u5e83\u544a\u7d20\u6750\u3068\u3057\u3066\u4f7f\u7528\u3055\u305b\u3066\u3044\u305f\u3060\u304f\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/li>\n      <li>\n        \u304a\u5199\u771f\u306f\u5168\u3066\u5f0a\u793e\u3067\u304a\u9854\u7b49\u306e\u30ec\u30bf\u30c3\u30c1\u3092\u65bd\u3057\u3066\u4f7f\u7528\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n        <br \/>\n        \u30ec\u30bf\u30c3\u30c1\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u306f\u627f\u308c\u307e\u305b\u3093\u3002\u203bSSR\u52a0\u5de5\u306f\u3054\u5e0c\u671b\u3092\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n      <\/li>\n      <li>\u5199\u771f\u4f7f\u7528\u30fb\u63b2\u8f09\u306f\u78ba\u7d04\u3067\u306f\u3054\u3056\u3044\u307e\u305b\u3093\u306e\u3067\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/li>\n\n      <b>\u5f53\u9078\u9023\u7d61\u306b\u3064\u3044\u3066<\/b>\n      <li>\u5f53\u9078\u306e\u767a\u8868\u306f\u5f53\u9078\u8005\u3078\u306e\u30e1\u30fc\u30eb\u3092\u3082\u3063\u3066\u304b\u3048\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/li>\n      <li>[info@hacostadium.com]\u304b\u3089\u3054\u9023\u7d61\u3092\u3044\u305f\u3057\u307e\u3059\u306e\u3067\u3001\u5fc5\u305a\u30e1\u30fc\u30eb\u3092\u53d7\u3051\u53d6\u308c\u308b\u3088\u3046\u8a2d\u5b9a\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\n      <li>\u5f53\u9078\u306e\u6a29\u5229\u306f\u3054\u672c\u4eba\u306e\u307f\u6709\u52b9\u3067\u3059\u3002\u8b72\u6e21\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/li>\n      <li>\u540c\u4e00\u30a2\u30ab\u30a6\u30f3\u30c8\u3067\u306e\u8907\u6570\u5fdc\u52df\u306f\u7121\u52b9\u3068\u306a\u308a\u307e\u3059\u3002<\/li>\n\n      <b>\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066<\/b>\n      <li>\u64ae\u5f71\u6642\u9593\u306b\u9593\u306b\u5408\u3046\u3088\u3046\u3054\u6765\u9928\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\n      <li>\u304a\u5ba2\u69d8\u90fd\u5408\u3067\u306e\u6642\u9593\u5909\u66f4\u3001\u5ef6\u9577\u306f\u627f\u308c\u307e\u305b\u3093\u3002<\/li>\n      <li>\u3054\u4e88\u7d04\u30ad\u30e3\u30f3\u30bb\u30eb\u306e\u5834\u5408\u306f\u30ad\u30e3\u30f3\u30bb\u30eb\u6599\u3068\u3057\u3066\u5404\u30b5\u30fc\u30d3\u30b9\u6599\u91d1\u306e100\uff05\u3092\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/li>\n      <li>\u300c\u64ae\u5f71\u3057\u3066\u3082\u3089\u3044\u305f\u3044\u30d6\u30fc\u30b9\u300d\u306f\u78ba\u7d04\u3067\u304d\u306a\u3044\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/li>\n      <li>\u79fb\u52d5\u3084\u30bb\u30c3\u30c6\u30a3\u30f3\u30b0\u3082\u64ae\u5f71\u6642\u9593\u306b\u542b\u307e\u308c\u307e\u3059\u3002<\/li>\n      <li>SSR\u64ae\u5f71\u3067\u306f\u767d\u30ec\u30f3\u30ac\u30fb\u767d\u53e4\u6728\u30d6\u30fc\u30b9\u306f\u5360\u6709\u304c\u51fa\u6765\u307e\u305b\u3093\u3002<\/li>\n      <li>SSR\u5199\u771f\u52a0\u5de5\u306f1\u67a01\u679a\u306e\u307f\u53d7\u3051\u8cdc\u308f\u308a\u307e\u3059\u3002<\/li>\n      <li>\u30c7\u30fc\u30bf\u306f\u4ee3\u8868\u8005\u306e\u65b9\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3078\u9001\u4ed8\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\n    <\/ul>\n\n    <br \/>\n    <p style=\"color: red; font-weight: bold; font-size: 120%\">\u52df\u96c6\u306f\u7d42\u4e86\u3057\u307e\u3057\u305f\u3002<\/p>\n    [contact-form-7 id=\"8737\" title=\"230927_\u51f8\u30dd\u30f3\u30ab\u30e1\u30e9\u30de\u30f3\u30b5\u30fc\u30d3\u30b9\u5fdc\u52df\u30da\u30fc\u30b8\"]\n  <\/section>\n-->\n\n    <section id=\"lp-caution\">\n        <div class=\"headline-back\">\n            <h2 style=\"color: #f7b500\">CAUTION<\/h2>\n        <\/div>\n        <div class=\"caution-area\">\n            <div class=\"sec-box\">\n                <ul>\n                    <li>\u5c0f\u9053\u5177\u3084\u30b3\u30fc\u30c9\u304c\u591a\u304f\u3042\u308a\u307e\u3059\u306e\u3067\u304a\u8db3\u4e0b\u306b\u304a\u6c17\u3092\u4ed8\u3051\u304f\u3060\u3055\u3044\u3002<\/li>\n                    <li>\u5bb6\u5177\u3001\u30d0\u30a4\u30af\u306f\u52d5\u304b\u3055\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/li>\n                    <li>\u96fb\u6e90\u30b3\u30fc\u30c9\u3092\u629c\u304f\u3053\u3068\u3084\u304a\u6301\u3061\u8fbc\u307f\u6a5f\u6750\u3067\u306e\u96fb\u6e90\u4f7f\u7528\u306f\u7981\u6b62\u3067\u3059\u3002<\/li>\n                    <li>\u30d6\u30fc\u30b9\u5185\u306e\u5c0f\u9053\u5177\u3001\u7167\u660e\u5668\u5177\u7b49\u306f\u300cCITY POP TOKYO3\u300d\u5185\u3067\u306e\u307f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/li>\n                    <li>LED\u86cd\u5149\u706f\u3001\u30b5\u30f3\u30bb\u30c3\u30c8\u30e9\u30a4\u30c8\u306f6F\u30ab\u30a6\u30f3\u30bf\u30fc\u306b\u3066\u8cb8\u3057\u51fa\u3057\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"lp-share\">\n        <div class=\"headline-back\">\n            <h2 style=\"color: #02cad7\">SHARE<\/h2>\n        <\/div>\n        <div class=\"sec-box\">\n            <p class=\"hash-tag typing\">#\u30cf\u30b3\u30a2\u30e0\u5927\u962a<\/p>\n            <br \/>\n            <div class=\"share-sns\">\n                <a href=\"https:\/\/twitter.com\/search?q=%23%E3%83%8F%E3%82%B3%E3%82%A2%E3%83%A0%E5%A4%A7%E9%98%AA&#038;src=typed_query\"\n                    target=\"_blank\" rel=\"noopener noreferrer\">\n                    <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/X.png\" alt=\"twitter\" \/>\n                <\/a>\n                <a href=\"https:\/\/www.tiktok.com\/@hacostadium?lang=ja-JP\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    <img decoding=\"async\" src=\"..\/..\/..\/img\/osaka\/lp\/collab\/citypop3\/tiktok.png\" alt=\"tiktok\" \/>\n                <\/a>\n            <\/div>\n            <a class=\"link-btn\" href=\"\/osaka\/\">\n                \u30cf\u30b3\u30a2\u30e0\u5927\u962a TOP\u30da\u30fc\u30b8\n                <i class=\"fa fa-angle-double-right\"><\/i>\n            <\/a>\n        <\/div>\n    <\/section>\n<\/article>\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js\"><\/script>\n<script>\n    \/\/ \u30b9\u30e9\u30a4\u30c0\u30fc\u8a2d\u5b9a\n    $(document).ready(function () {\n        $(\".slider\").each(function () {\n            var slides = $(this).find(\".slide\");\n            var currentSlide = 0;\n\n            function showSlide() {\n                slides.removeClass(\"active\");\n                slides.eq(currentSlide).addClass(\"active\");\n            }\n\n            function nextSlide() {\n                currentSlide = (currentSlide + 1) % slides.length;\n                showSlide();\n            }\n\n            setInterval(nextSlide, 4000); \/\/ \u5199\u771f\u306e\u5207\u308a\u66ff\u3048\u9593\u9694\u3092\u8a2d\u5b9a (4000\u30df\u30ea\u79d2 = 4\u79d2)\n\n            showSlide(); \/\/ \u6700\u521d\u306e\u30b9\u30e9\u30a4\u30c9\u3092\u8868\u793a\n        });\n    });\n    \/\/\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u52b9\u679c\n    jQuery(function ($) {\n        var fadeIn = $(\".fade-in\");\n        $(window).scroll(function () {\n            $(fadeIn).each(function () {\n                var offset = $(this).offset().top;\n                var scroll = $(window).scrollTop();\n                var windowHeight = $(window).height();\n                if (scroll > offset - windowHeight + 150) {\n                    $(this).addClass(\"scroll-in\");\n                }\n            });\n        });\n    });\n\n    \/\/ \u4e0b\u7dda\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n    $(window).on(\"scroll\", function () {\n        $(\".lineAnimation\").each(function () {\n            let position = $(this).offset().top;\n            let scroll = $(window).scrollTop();\n            let windowHeight = $(window).height();\n            if (scroll > position - windowHeight + 180) {\n                $(this).addClass(\"isActive\");\n            }\n        });\n    });\n\n    \/\/ \u30bf\u30a4\u30d4\u30f3\u30b0\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n    $(window).on(\"load\", function () {\n        \/\/ \u30c6\u30ad\u30b9\u30c8\u3054\u3068\u306bspan\u30bf\u30b0\u3092\u751f\u6210\u3059\u308b\n        var element = $(\".typing\");\n        var thisChild = \"\";\n        element.each(function () {\n            var text = $(this).html();\n            var textbox = \"\";\n            var lines = text.split(\"<br>\"); \/\/ \u6539\u884c\u3067\u30c6\u30ad\u30b9\u30c8\u3092\u5206\u5272\n            lines.forEach(function (line, lineIndex) {\n                if (lineIndex > 0) {\n                    textbox += \"<br>\"; \/\/ \u6539\u884c\u8981\u7d20\u306e\u8ffd\u52a0\n                }\n                line.split(\"\").forEach(function (target) {\n                    if (target !== \" \") {\n                        textbox += \"<span>\" + target + \"<\/span>\";\n                    } else {\n                        textbox += target;\n                    }\n                });\n            });\n            $(this).html(textbox);\n        });\n\n        \/\/ \u30bf\u30a4\u30d4\u30f3\u30b0\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n        $(element).each(function () {\n            thisChild = $(this).children(); \/\/ \u751f\u6210\u3057\u305fspan\u30bf\u30b0\u3092\u53d6\u5f97\n            thisChild.each(function (i) {\n                var time = 70;\n                $(this)\n                    .delay(time * i)\n                    .fadeIn(time);\n            });\n        });\n    });\n    \/\/\u51f8\u30dd\u30f3\u56de\u8ee2\n    function scrollHandler() {\n        var element = document.querySelector(\".rotate-animation\");\n        var position = element.getBoundingClientRect().top;\n        var windowHeight = window.innerHeight;\n\n        if (position < windowHeight - 70) {\n            element.style.animationPlayState = \"running\"; \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u751f\n            window.removeEventListener(\"scroll\", scrollHandler); \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u3092\u524a\u9664\n        }\n    }\n\n    \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u30a4\u30d9\u30f3\u30c8\u306e\u30ea\u30b9\u30ca\u30fc\u3092\u767b\u9332\n    window.addEventListener(\"scroll\", scrollHandler);\n\n    \/\/\u30dc\u30bf\u30f3\u3092\u5149\u3089\u305b\u308b\n    $(window).on(\"scroll\", function () {\n        var scrollPosition = $(this).scrollTop();\n        $(\".link-btn\").each(function () {\n            var offsetTop = $(this).offset().top;\n            if (scrollPosition > offsetTop - $(window).height() + 100) {\n                $(this).addClass(\"show\");\n            } else {\n                $(this).removeClass(\"show\");\n            }\n        });\n    });\n\n    \/\/h2\u30b9\u30e9\u30a4\u30c9\u30a4\u30f3\n    $(window).on(\"scroll\", function () {\n        $(\".headline-back\").each(function (index) {\n            var element = $(this);\n            var offset = element.offset().top;\n            var windowHeight = $(window).height();\n            var delay = index * 100; \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u30c7\u30a3\u30ec\u30a4\u6642\u9593\u3092\u8abf\u6574\u3059\u308b\u6570\u5024\n\n            if ($(window).scrollTop() > offset - windowHeight + 200 - delay) {\n                element.addClass(\"animate-slideIn\");\n            }\n        });\n    });\n\n    \/\/ \u30b8\u30e3\u30a4\u30ed\u30b9\u30b3\u30fc\u30d7\u30a4\u30d9\u30f3\u30c8\u306e\u30cf\u30f3\u30c9\u30e9\n    function handleOrientation(event) {\n        var beta = event.beta; \/\/ \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u50be\u659c\uff08\u524d\u5f8c\u306e\u50be\u304d\uff09\u306e\u5024\n\n        \/\/ \u50be\u659c\u306e\u5024\u306b\u57fa\u3065\u3044\u3066\u80cc\u666f\u3092\u52d5\u304b\u3059\n        document.getElementById(\"lp-body\").style.backgroundPositionY = -beta + \"px\";\n    }\n\n    \/\/ \u30b8\u30e3\u30a4\u30ed\u30b9\u30b3\u30fc\u30d7\u30a4\u30d9\u30f3\u30c8\u306e\u30ea\u30b9\u30ca\u30fc\u3092\u767b\u9332\n    window.addEventListener(\"deviceorientation\", handleOrientation);\n<\/script>\n","protected":false},"featured_media":84,"template":"single-booth_lpstyle01.php","format":"standard","categories":[1],"booth_cat":[5],"floor-cat":[19],"class_list":["post-83","booth","type-booth","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","booth_cat-collaboration","floor-cat-5th-floor"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/booth\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/booth"}],"about":[{"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/types\/booth"}],"version-history":[{"count":6,"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/booth\/83\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/booth\/83\/revisions\/1290"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/media\/84"}],"wp:attachment":[{"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"booth_cat","embeddable":true,"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/booth_cat?post=83"},{"taxonomy":"floor-cat","embeddable":true,"href":"https:\/\/hacostadium.com\/osaka\/wp-json\/wp\/v2\/floor-cat?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}