{"id":629,"date":"2021-08-16T18:30:59","date_gmt":"2021-08-16T09:30:59","guid":{"rendered":"http:\/\/iblea-art.com\/ginza\/?page_id=629"},"modified":"2021-08-16T18:30:59","modified_gmt":"2021-08-16T09:30:59","slug":"%e5%af%be%e5%bf%9c%e7%97%87%e7%8a%b6%e4%b8%80%e8%a6%a7","status":"publish","type":"page","link":"https:\/\/iblea-art.com\/ginza\/?page_id=629","title":{"rendered":"\u5bfe\u5fdc\u75c7\u72b6\u4e00\u89a7"},"content":{"rendered":"<!-- \u75c7\u4f8b\u306e\u6295\u7a3f\u304c\u306a\u3044\u5834\u5408\u306e\u51e6\u7406 -->\r\n\r\n\r\n<!-- <div class=\"case-no-page\">\r\n\r\n    <p>\u203b\u3053\u306e\u30da\u30fc\u30b8\u306f\u73fe\u5728\u5de5\u4e8b\u4e2d\u3067\u3059\u3002<\/p>\r\n\r\n<\/div> -->\r\n\r\n\r\n<!-- \u75c7\u4f8b\u306e\u6295\u7a3f\u304c\u306a\u3044\u5834\u5408\u306e\u51e6\u7406\u3053\u3053\u307e\u3067 -->\r\n\r\n<!-- \u9854\u306e\u75c7\u4f8b -->\r\n\r\n\r\n\r\n<div class=\"case-block\">\r\n\r\n    <img class=\"bg lazyloaded\" data-src=\"https:\/\/iblea-art.com\/ginza\/wp-content\/themes\/exray\/images\/bg0.png\" src=\"https:\/\/iblea-art.com\/ginza\/wp-content\/themes\/exray\/images\/bg0.png\">\r\n    <h3 class=\"case-title\">\u6cbb\u7642\u30e1\u30cb\u30e5\u30fc<\/h3>\r\n\r\n    <div class=\"case-list-wrap\">\r\n        <div>\r\n            <div class=\"case-list act\">\r\n                <h4 class=\"list-title\">\u4e0d\u598a\u306e\u75c7\u72b6<\/h4>\r\n\r\n                \r\n                <ul>\r\n\r\n                    \r\n                    <li>\r\n                        <a href=\"https:\/\/iblea-art.com\/ginza\/?page_id=604\">\r\n                            <span>\r\n                                \u4e0d\u598a\u937c\u7078                            <\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    \r\n                <\/ul>\r\n\r\n                            <\/div>\r\n\r\n            <div class=\"case-list act\">\r\n                <h4 class=\"list-title\">\u305d\u306e\u4ed6\u306e\u75c7\u72b6\u4f8b<\/h4>\r\n\r\n                \r\n                <ul>\r\n\r\n                    \r\n                    <li>\r\n                        <a href=\"https:\/\/iblea-art.com\/ginza\/?page_id=620\">\r\n                            <span>\r\n                                \u751f\u7406\u4e0d\u9806                            <\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    \r\n                <\/ul>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u9854\u306e\u75c7\u4f8b\u3053\u3053\u307e\u3067 -->\r\n\r\n<!-- css -->\r\n\r\n<style>\r\n\r\n    .page-template-oncolumn_page .entry-content {\r\n        width: 100%;\r\n        height: auto;\r\n        margin: 0;\r\n        padding: 40px 0 0 0;\r\n        float: none;\r\n    }\r\n\r\n    .entry-content .case-block {\r\n        position: relative;\r\n        z-index: 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .entry-content .case-block .bg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 58%;\r\n        width: auto;\r\n        height: 200px;\r\n        z-index: 0;\r\n        opacity: 1;\r\n    }\r\n\r\n    .entry-content .case-block h3.case-title {\r\n        margin-top: 40px;\r\n        margin-left: 100px;\r\n        margin-bottom: 50px;\r\n        font-size: 2.6em;\r\n        color: #d8bd72;\r\n        position: relative;\r\n        z-index: 10;\r\n        border: unset;\r\n        text-shadow: 0 1px 5px #ffffff24;\r\n    }\r\n\r\n    .entry-content .case-block h3.case-title:after {\r\n        display: none;\r\n    }\r\n\r\n    .case-list-wrap {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n        z-index: 10;\r\n    }\r\n\r\n    .case-block .case-list-wrap > div {\r\n        width: calc( 98% \/ 2 );\r\n        display: flex;\r\n        justify-content: space-around;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n    }\r\n\r\n    .case-block .case-list-wrap div.case-list {\r\n        \/\/border: solid 1px #d8bd72;\r\n        background: #fff;\r\n        overflow: hidden;\r\n        \/\/cursor: pointer;\r\n        margin-bottom: 4%;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .entry-content .case-block div.case-list.act h4.list-title {\r\n        color: #fff;\r\n        background: #d8bd72;\r\n        font-size: 1.3em;\r\n    }\r\n\r\n    .case-block .case-list-wrap div.case-list.act ul {\r\n        display: block;\r\n        animation-name: fade-in;\r\n        animation-duration: .5s;\r\n    }\r\n\r\n    .case-block ul {\r\n        display: none;\r\n        width: 100%;\r\n        margin: 0;\r\n        overflow: hidden;\r\n        animation-duration: .5s;\r\n    }\r\n\r\n    @keyframes fade-in {\r\n        from {\r\n            opacity: 0;\r\n        }\r\n        to {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    .entry-content .case-block div.case-list h4.list-title {\r\n        font-family: \"\u6e38\u660e\u671d\", YuMincho, \"Hiragino Mincho ProN W3\", \"\u30d2\u30e9\u30ae\u30ce\u660e\u671d ProN W3\", \"Hiragino Mincho ProN\", \"HG\u660e\u671dE\", \"\uff2d\uff33 \uff30\u660e\u671d\", \"\uff2d\uff33 \u660e\u671d\", serif;\r\n        position: relative;\r\n        margin: 15px 0 0;\r\n        padding: 15px;\r\n        border: unset;\r\n        background: #fff;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        text-align: center;\r\n        color: #d8bd72;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .entry-content .case-block div.case-list h4.list-title:before {\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        right: 10px;\r\n        margin: auto;\r\n        width: 18px;\r\n        height: 18px;\r\n        border: solid 1px #d8bd72;\r\n        border-radius: 50px;\r\n        content: '';\r\n    }\r\n\r\n    .entry-content .case-block div.case-list h4.list-title:after {\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 2px;\r\n        right: 17.5px;\r\n        margin: auto;\r\n        width: 4px;\r\n        height: 4px;\r\n        border-top: solid 1px #d8bd72;\r\n        border-right: solid 1px #d8bd72;\r\n        -webkit-transform: rotate(135deg);\r\n        transform: rotate(135deg);\r\n        content: '';\r\n    }\r\n\r\n    .entry-content .case-block div.case-list.act h4.list-title:before {\r\n        background: #d8bd72;\r\n        border-color: #fff;\r\n    }\r\n\r\n    .entry-content .case-block div.case-list.act h4.list-title:after {\r\n        bottom: -2px;\r\n        border-top-color: #fff;\r\n        border-right-color: #fff;\r\n        -webkit-transform: rotate(-45deg);\r\n        transform: rotate(-45deg);\r\n    }\r\n\r\n    #page .case-block {\r\n        margin: 0;\r\n    }\r\n\r\n    #page .case-block li {\r\n        display: block;\r\n        width: 100%; \/* \u6a2a\u5217\u306e\u6570\u3092\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u3053\u3053\u3092\u4fee\u6b63 *\/\r\n        margin: 0;\r\n        box-sizing: border-box;\r\n        border: none;\r\n    }\r\n\r\n    #page .case-block li a {\r\n        border-top: unset;\r\n        border-bottom: solid 1px #d8bd72;\r\n    }\r\n\r\n    .case-block a {\r\n        text-decoration: none;\r\n        transition: 0.2s;\r\n        overflow: hidden;\r\n        display: block;\r\n        border-radius: 5px;\r\n        color: #d8bd72;\r\n        text-align: center;\r\n        padding: 12px;\r\n        font-size: 12px;\r\n        font-weight: normal;\r\n        position: relative;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .case-block a::before {\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        right: 10px;\r\n        margin: auto;\r\n        width: 13px;\r\n        height: 13px;\r\n        border: none;\r\n        background: #d8bd72;\r\n        border-radius: 50px;\r\n        content: '';\r\n    }\r\n\r\n    .case-block a::after {\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        right: 15px;\r\n        margin: auto;\r\n        width: 3px;\r\n        height: 3px;\r\n        border: none;\r\n        border-top: solid 1px #fff;\r\n        border-right: solid 1px #fff;\r\n        -webkit-transform: rotate(45deg);\r\n        transform: rotate(45deg);\r\n        content: '';\r\n    }\r\n\r\n    .case-block a span {\r\n        font-size: 14px;\r\n    }\r\n\r\n<\/style>\r\n\r\n<!-- \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u8a2d\u5b9a -->\r\n\r\n<style>\r\n\r\n    @media all and (min-width: 781px) {\r\n        .case-block ul {\r\n            display: block;\r\n        }\r\n\r\n        .entry-content .case-block div.case-list h4.list-title {\r\n            color: #fff;\r\n            background: #d8bd72;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .case-block .case-list-wrap div.case-list {\r\n            width: 48%;\r\n        }\r\n\r\n        .entry-content .case-block div.case-list h4.list-title:after,\r\n        .entry-content .case-block div.case-list h4.list-title:before {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media all and (max-width: 780px) {\r\n\r\n        .entry-content .case-block .bg {\r\n            left: auto;\r\n            right: -17%;\r\n            height: 158px;\r\n            opacity: .3;\r\n        }\r\n\r\n        .entry-content .case-block h3.case-title {\r\n            margin: 30px auto;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .entry-content .case-block div.case-list h4.list-title {\r\n            margin: 0;\r\n        }\r\n\r\n        .case-block .case-list-wrap > div {\r\n            width: 100%;\r\n        }\r\n\r\n        .case-block span.case-title {\r\n            font-size: 21px;\r\n        }\r\n\r\n        .case-block a {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .case-block ul {\r\n            \/\/margin-bottom: 20px;\r\n        }\r\n\r\n        .case-block ul li a {\r\n            border-top: solid 1px #d8bd72;\r\n            border-bottom: unset;\r\n        }\r\n        \r\n        .case-block .case-list-wrap div.case-list {\r\n            width: 100%;\r\n            border: solid 1px #d8bd72;\r\n            cursor: pointer;\r\n        }\r\n\r\n    }\r\n\r\n<\/style>\r\n\r\n<!-- css\u3053\u3053\u307e\u3067 -->\r\n\r\n<script type=\"text\/javascript\">\r\n<!--\r\njQuery(function(){\r\n    $(\".list-title\").on(\"click\", function() {\r\n        $(this).parent().toggleClass(\"act\");\r\n    });\r\n});\r\n\/\/-->\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[],"_links":{"self":[{"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=\/wp\/v2\/pages\/629"}],"collection":[{"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=629"}],"version-history":[{"count":1,"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=\/wp\/v2\/pages\/629\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=\/wp\/v2\/pages\/629\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iblea-art.com\/ginza\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}