{"id":763,"date":"2026-07-24T03:25:34","date_gmt":"2026-07-23T18:25:34","guid":{"rendered":"https:\/\/hpda-hiroshima.com\/web\/?page_id=763"},"modified":"2026-09-30T17:09:01","modified_gmt":"2026-09-30T08:09:01","slug":"%e6%b4%bb%e5%8b%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6","status":"publish","type":"page","link":"https:\/\/hpda-hiroshima.com\/?page_id=763","title":{"rendered":"\u6d3b\u52d5\u306b\u3064\u3044\u3066"},"content":{"rendered":"<div style=\"margin: 2em 0;\">\n<div class=\"activity-menu\">\n<style>\n    \/* ========================================\n       \u30e1\u30cb\u30e5\u30fc\u5168\u4f53\n    ======================================== *\/\n    .activity-menu,\n    .activity-menu * {\n      box-sizing: border-box;\n    }<\/p>\n<p>    .activity-menu {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 20px;\n      margin-bottom: 2em;\n      background: #f9f9f9;\n      border-radius: 10px;\n    }<\/p>\n<p>    \/* ========================================\n       \u5171\u901a\u30dc\u30bf\u30f3\n    ======================================== *\/\n    .activity-menu .btt01,\n    .activity-menu .btt02 {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 58px;\n      padding: 10px 5px;\n      border: none;\n      border-radius: 8px;\n      font-family: \"M PLUS Rounded 1c\", sans-serif;\n      font-size: 24px;\n      font-weight: bold;\n      line-height: 1.4;\n      text-align: center;\n      text-decoration: none;\n      cursor: pointer;\n      transition:\n        color 0.2s ease,\n        background-color 0.2s ease,\n        transform 0.2s ease;\n    }<\/p>\n<p>    .activity-menu .btt01:hover,\n    .activity-menu .btt02:hover {\n      transform: translateY(-2px);\n    }<\/p>\n<p>    \/* \u901a\u5e38\u8868\u793a\u3055\u308c\u308b\u30dc\u30bf\u30f3 *\/\n    .activity-menu > .btt02 {\n      flex: 0 0 calc(50% - 5px);\n    }<\/p>\n<p>    \/* \u7dd1\u8272\u30dc\u30bf\u30f3 *\/\n    .activity-menu .btt01 {\n      color: #388e3c;\n      background-color: #e3efe4;\n    }<\/p>\n<p>    .activity-menu .btt01:hover {\n      color: #fff;\n      background-color: #388e3c;\n    }<\/p>\n<p>    \/* \u30aa\u30ec\u30f3\u30b8\u8272\u30dc\u30bf\u30f3 *\/\n    .activity-menu .btt02 {\n      color: #d97706;\n      background-color: #ffedd5;\n    }<\/p>\n<p>    .activity-menu .btt02:hover {\n      color: #fff;\n      background-color: #d97706;\n    }<\/p>\n<p>    \/* ========================================\n       \u300c\u305d\u306e\u4ed6\u300d\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\n    ======================================== *\/\n    .activity-menu .accordion01 {\n      flex: 0 0 100%;\n      width: 100%;\n      margin-top: 6px;\n    }<\/p>\n<p>    \/* \u958b\u9589\u30dc\u30bf\u30f3 *\/\n    .activity-menu .accordion01__toggle {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 58px;\n      padding: 10px 54px 10px 20px;\n      border: none;\n      border-radius: 8px;\n      color: #388e3c;\n      background: #e3efe4;\n      font-family: \"M PLUS Rounded 1c\", sans-serif;\n      font-size: 24px;\n      font-weight: bold;\n      line-height: 1.4;\n      cursor: pointer;\n      transition:\n        color 0.25s ease,\n        background-color 0.25s ease,\n        border-radius 0.35s ease;\n    }<\/p>\n<p>    .activity-menu .accordion01__toggle:hover,\n    .activity-menu .accordion01.is-open .accordion01__toggle {\n      color: #fff;\n      background-color: #388e3c;\n    }<\/p>\n<p>    .activity-menu .accordion01.is-open .accordion01__toggle {\n      border-radius: 8px 8px 0 0;\n    }<\/p>\n<p>    \/* \u53f3\u5074\u306e\u30d7\u30e9\u30b9\u30fb\u30de\u30a4\u30ca\u30b9 *\/\n    .activity-menu .accordion01__icon {\n      position: absolute;\n      top: 50%;\n      right: 22px;\n      width: 24px;\n      height: 24px;\n      transform: translateY(-50%);\n    }<\/p>\n<p>    .activity-menu .accordion01__icon::before,\n    .activity-menu .accordion01__icon::after {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 18px;\n      height: 2px;\n      border-radius: 2px;\n      background: currentColor;\n      transform: translate(-50%, -50%);\n      transition: transform 0.35s ease;\n    }<\/p>\n<p>    .activity-menu .accordion01__icon::after {\n      transform: translate(-50%, -50%) rotate(90deg);\n    }<\/p>\n<p>    .activity-menu\n      .accordion01.is-open\n      .accordion01__icon::after {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }<\/p>\n<p>    \/* \u958b\u9589\u9818\u57df *\/\n    .activity-menu .accordion01__body {\n      display: grid;\n      grid-template-rows: 0fr;\n      opacity: 0;\n      transition:\n        grid-template-rows 0.45s ease,\n        opacity 0.35s ease;\n    }<\/p>\n<p>    .activity-menu .accordion01.is-open .accordion01__body {\n      grid-template-rows: 1fr;\n      opacity: 1;\n    }<\/p>\n<p>    .activity-menu .accordion01__inner {\n      min-height: 0;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u5185\u306e\u30dc\u30bf\u30f3\u4e00\u89a7 *\/\n    .activity-menu .accordion01__items {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      padding: 0 14px;\n      border-radius: 0 0 10px 10px;\n      background: #eef6ef;\n      transition: padding 0.45s ease;\n    }<\/p>\n<p>    .activity-menu\n      .accordion01.is-open\n      .accordion01__items {\n      padding: 14px;\n    }<\/p>\n<p>    .activity-menu .accordion01__items .btt01 {\n      flex: 0 0 calc(50% - 5px);\n    }<\/p>\n<p>    \/* ========================================\n       PC\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\uff1a3\u5217\n    ======================================== *\/\n    @media (min-width: 768px) {\n      .activity-menu > .btt02,\n      .activity-menu .accordion01__items .btt01 {\n        flex: 0 0 calc((100% - 20px) \/ 3);\n      }\n    }<\/p>\n<p>    \/* ========================================\n       \u5c0f\u3055\u306a\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\n    ======================================== *\/\n    @media (max-width: 480px) {\n      .activity-menu {\n        padding: 14px;\n      }<\/p>\n<p>      .activity-menu .btt01,\n      .activity-menu .btt02,\n      .activity-menu .accordion01__toggle {\n        min-height: 52px;\n        font-size: 17px;\n      }\n    }<\/p>\n<p>    \/* \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u5834\u5408 *\/\n    @media (prefers-reduced-motion: reduce) {\n      .activity-menu *,\n      .activity-menu *::before,\n      .activity-menu *::after {\n        transition-duration: 0.01ms !important;\n      }\n    }\n    <\/style>\n<p>    <!-- \u901a\u5e38\u8868\u793a --><br \/>\n    <a href=\"?cat=9\" class=\"btt02 bb11\"><br \/>\n      \u304a\u3057\u3083\u3079\u308a\u4f1a\u30fb\u5b9a\u4f8b\u4f1a<br \/>\n    <\/a><\/p>\n<p>    <a href=\"?page_id=525\" class=\"btt02 bb11\"><br \/>\n      \u5353\u7403\u30af\u30e9\u30d6\u300c\u30cf\u30c3\u30d4\u30fc\u300d<br \/>\n    <\/a><\/p>\n<p>    <a href=\"?page_id=598\" class=\"btt02 bb03\"><br \/>\n      \u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d<br \/>\n    <\/a><\/p>\n<p>    <!-- \u305d\u306e\u4ed6 --><\/p>\n<div class=\"accordion01\">\n<p>      <button\n        class=\"accordion01__toggle\"\n        type=\"button\"\n        aria-expanded=\"false\"\n      ><br \/>\n        <span>\u305d\u306e\u4ed6<\/span><br \/>\n        <span class=\"accordion01__icon\" aria-hidden=\"true\"><\/span><br \/>\n      <\/button><\/p>\n<div class=\"accordion01__body\">\n<div class=\"accordion01__inner\">\n<div class=\"accordion01__items\">\n<p>            <a href=\"?page_id=594\" class=\"btt01 bb01\"><br \/>\n              \u56fd\u4f1a\u8acb\u9858\u6d3b\u52d5<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=596\" class=\"btt01 bb02\"><br \/>\n              \u5e83\u96e3\u9023\u3068\u306e\u9023\u643a<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=583\" class=\"btt01 bb11\"><br \/>\n              \uff33\uff2f\uff33\u30ab\u30fc\u30c9\u666e\u53ca\u6d3b\u52d5<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=689\" class=\"btt01 bb03\"><br \/>\n              \u5168\u56fd\u7d44\u7e54\u306b\u3064\u3044\u3066<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=600\" class=\"btt01 bb04\"><br \/>\n              \u65b0\u5165\u4f1a\u54e1\u4ea4\u6d41\u4f1a<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=602\" class=\"btt01 bb05\"><br \/>\n              \u6587\u5316\u796d\u3078\u306e\u53c2\u52a0<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=604\" class=\"btt01 bb06\"><br \/>\n              \u97f3\u697d\u6d3b\u52d5<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=606\" class=\"btt01 bb07\"><br \/>\n              \u7406\u4e8b\u4f1a\u306e\u6d3b\u52d5<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=608\" class=\"btt01 bb08\"><br \/>\n              \u65e5\u5e30\u308a\u65c5\u884c<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=610\" class=\"btt01 bb09\"><br \/>\n              \u30ea\u30cf\u30d3\u30ea\u6559\u5ba4<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=612\" class=\"btt01 bb10\"><br \/>\n              \u4f1a\u5247\u7d30\u5247<br \/>\n            <\/a><\/p>\n<p>            <a href=\"?page_id=614\" class=\"btt01 bb11\"><br \/>\n              \u305d\u306e\u4ed6\u306e\u304a\u77e5\u3089\u305b<br \/>\n            <\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<div style=\"height: 2em;\"><\/div>\n<p><script>\n(function () {\n  const accordions = document.querySelectorAll(\".accordion01\");<\/p>\n<p>  accordions.forEach(function (accordion) {\n    const toggle = accordion.querySelector(\".accordion01__toggle\");<\/p>\n<p>    if (!toggle) {\n      return;\n    }<\/p>\n<p>    toggle.addEventListener(\"click\", function () {\n      const isOpen = accordion.classList.toggle(\"is-open\");<\/p>\n<p>      toggle.setAttribute(\n        \"aria-expanded\",\n        isOpen ? \"true\" : \"false\"\n      );\n    });\n  });\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u3057\u3083\u3079\u308a\u4f1a\u30fb\u5b9a\u4f8b\u4f1a \u5353\u7403\u30af\u30e9\u30d6\u300c\u30cf\u30c3\u30d4\u30fc\u300d \u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d \u305d\u306e\u4ed6 \u56fd\u4f1a\u8acb\u9858\u6d3b\u52d5 \u5e83\u96e3\u9023\u3068\u306e\u9023\u643a \uff33\uff2f\uff33\u30ab\u30fc\u30c9\u666e\u53ca\u6d3b\u52d5 \u5168\u56fd\u7d44\u7e54\u306b\u3064\u3044\u3066 \u65b0\u5165\u4f1a\u54e1\u4ea4\u6d41\u4f1a \u6587\u5316\u796d\u3078\u306e\u53c2\u52a0 \u97f3\u697d\u6d3b\u52d5 \u7406\u4e8b\u4f1a\u306e\u6d3b\u52d5 \u65e5\u5e30\u308a\u65c5\u884c \u30ea\u30cf\u30d3\u30ea\u6559<a href=\"https:\/\/hpda-hiroshima.com\/?page_id=763\"> \u2026\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=763"}],"version-history":[{"count":29,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":1324,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/763\/revisions\/1324"}],"wp:attachment":[{"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}