{"id":598,"date":"2026-03-25T07:43:00","date_gmt":"2026-03-24T22:43:00","guid":{"rendered":"https:\/\/hpda-hiroshima.com\/web\/?page_id=598"},"modified":"2026-09-08T08:01:19","modified_gmt":"2026-09-07T23:01:19","slug":"%e5%ad%a3%e5%88%8a%e8%aa%8c%e3%80%8c%e3%81%b5%e3%82%8c%e3%81%82%e3%81%84%e3%80%8d","status":"publish","type":"page","link":"https:\/\/hpda-hiroshima.com\/?page_id=598","title":{"rendered":"\u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d"},"content":{"rendered":"<div class=\"fureai-magazine\">\n<style>\n  \/* ========================================\n     \u57fa\u672c\u8a2d\u5b9a\n  ======================================== *\/\n  .fureai-magazine,\n  .fureai-magazine * {\n    box-sizing: border-box;\n  }<\/p>\n<p>  .fureai-magazine {\n    --fm-green: #388e3c;\n    --fm-green-dark: #236b2a;\n    --fm-green-pale: #e7f2e8;\n    --fm-orange: #d97706;\n    --fm-orange-pale: #fff1dc;\n    --fm-text: #252525;\n    --fm-muted: #707070;\n    --fm-border: #e4e8e4;<\/p>\n<p>    width: 100%;\n    margin: 2em auto;\n    color: var(--fm-text);\n  }<\/p>\n<p>  \/* ========================================\n     \u30da\u30fc\u30b8\u4e0a\u90e8\n  ======================================== *\/\n  .fureai-magazine__header {\n    position: relative;\n    overflow: hidden;\n    padding: 50px 45px;\n    margin-bottom: 28px;\n    border-radius: 16px;\n    background:\n      radial-gradient(\n        circle at 92% 15%,\n        rgba(56, 142, 60, 0.12) 0,\n        rgba(56, 142, 60, 0.12) 90px,\n        transparent 91px\n      ),\n      linear-gradient(\n        135deg,\n        #f5faf5 0%,\n        #edf6ee 100%\n      );\n  }<\/p>\n<p>  .fureai-magazine__header::after {\n    content: \"\";\n    position: absolute;\n    right: -35px;\n    bottom: -55px;\n    width: 190px;\n    height: 190px;\n    border: 28px solid rgba(217, 119, 6, 0.08);\n    border-radius: 50%;\n  }<\/p>\n<p>  .fureai-magazine__eyebrow {\n    display: inline-block;\n    margin: 0 0 13px;\n    padding: 6px 13px;\n    border-radius: 30px;\n    color: var(--fm-green-dark);\n    background: #fff;\n    font-size: 13px;\n    font-weight: bold;\n    letter-spacing: 0.12em;\n  }<\/p>\n<p>  .fureai-magazine__title {\n    position: relative;\n    z-index: 1;\n    margin: 0 0 18px;\n    color: var(--fm-green-dark);\n    font-size: clamp(28px, 4vw, 46px);\n    line-height: 1.35;\n  }<\/p>\n<p>  .fureai-magazine__description {\n    position: relative;\n    z-index: 1;\n    max-width: 850px;\n    margin: 0;\n    font-size: 16px;\n    line-height: 2;\n  }<\/p>\n<p>  \/* ========================================\n     \u3054\u6848\u5185\n  ======================================== *\/\n  .fureai-magazine__information {\n    display: flex;\n    align-items: flex-start;\n    gap: 13px;\n    padding: 18px 20px;\n    margin-bottom: 28px;\n    border-left: 5px solid var(--fm-orange);\n    border-radius: 4px 10px 10px 4px;\n    color: #694209;\n    background: var(--fm-orange-pale);\n    font-size: 14px;\n    line-height: 1.8;\n  }<\/p>\n<p>  .fureai-magazine__information-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 25px;\n    height: 25px;\n    margin-top: 1px;\n    border-radius: 50%;\n    color: #fff;\n    background: var(--fm-orange);\n    font-size: 14px;\n    font-weight: bold;\n  }<\/p>\n<p>  .fureai-magazine__information p {\n    margin: 0;\n  }<\/p>\n<p>  \/* ========================================\n     \u5e74\u5225\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\n  ======================================== *\/\n  .fureai-magazine__year {\n    margin-bottom: 12px;\n    border: 1px solid var(--fm-border);\n    border-radius: 12px;\n    background: #fff;\n    overflow: hidden;\n  }<\/p>\n<p>  .fureai-magazine__year-toggle {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    width: 100%;\n    min-height: 72px;\n    padding: 16px 65px 16px 24px;\n    border: 0;\n    color: var(--fm-green-dark);\n    background: #fff;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n    appearance: none;\n    transition:\n      color 0.25s ease,\n      background-color 0.25s ease;\n  }<\/p>\n<p>  .fureai-magazine__year-toggle:hover,\n  .fureai-magazine__year.is-open\n  .fureai-magazine__year-toggle {\n    background: var(--fm-green-pale);\n  }<\/p>\n<p>  .fureai-magazine__year-name {\n    font-size: 24px;\n    font-weight: bold;\n  }<\/p>\n<p>  .fureai-magazine__year-summary {\n    color: var(--fm-muted);\n    font-size: 13px;\n    font-weight: normal;\n  }<\/p>\n<p>  .fureai-magazine__year-icon {\n    position: absolute;\n    top: 50%;\n    right: 25px;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    color: #fff;\n    background: var(--fm-green);\n    transform: translateY(-50%);\n  }<\/p>\n<p>  .fureai-magazine__year-icon::before,\n  .fureai-magazine__year-icon::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 12px;\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>  .fureai-magazine__year-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }<\/p>\n<p>  .fureai-magazine__year.is-open\n  .fureai-magazine__year-icon::after {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }<\/p>\n<p>  \/* \u958b\u9589\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n  .fureai-magazine__year-body {\n    display: grid;\n    grid-template-rows: 0fr;\n    opacity: 0;\n    visibility: hidden;\n    transition:\n      grid-template-rows 0.45s ease,\n      opacity 0.35s ease,\n      visibility 0s linear 0.45s;\n  }<\/p>\n<p>  .fureai-magazine__year.is-open\n  .fureai-magazine__year-body {\n    grid-template-rows: 1fr;\n    opacity: 1;\n    visibility: visible;\n    transition:\n      grid-template-rows 0.45s ease,\n      opacity 0.35s ease,\n      visibility 0s linear 0s;\n  }<\/p>\n<p>  .fureai-magazine__year-inner {\n    min-height: 0;\n    overflow: hidden;\n  }<\/p>\n<p>  \/* ========================================\n     \u5b63\u520a\u8a8c\u30ab\u30fc\u30c9\n  ======================================== *\/\n  .fureai-magazine__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n    padding: 0 20px;\n    border-top: 1px solid transparent;\n    transition:\n      padding 0.45s ease,\n      border-color 0.45s ease;\n  }<\/p>\n<p>  .fureai-magazine__year.is-open\n  .fureai-magazine__grid {\n    padding: 20px;\n    border-top-color: var(--fm-border);\n  }<\/p>\n<p>  .fureai-magazine__card {\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(90px, 0.85fr) minmax(110px, 1fr);\n    align-items: center;\n    gap: 14px;\n    min-width: 0;\n    padding: 16px;\n    border: 1px solid var(--fm-border);\n    border-radius: 10px;\n    background: #fff;\n    transition:\n      border-color 0.25s ease,\n      box-shadow 0.25s ease,\n      transform 0.25s ease;\n  }<\/p>\n<p>  .fureai-magazine__card:hover {\n    border-color: rgba(56, 142, 60, 0.55);\n    box-shadow: 0 8px 22px rgba(34, 78, 37, 0.09);\n    transform: translateY(-3px);\n  }<\/p>\n<p>  \/* \u6700\u65b0\u53f7 *\/\n  .fureai-magazine__card.is-latest {\n    border: 2px solid var(--fm-orange);\n    background: #fffdf8;\n  }<\/p>\n<p>  .fureai-magazine__latest-label {\n    position: absolute;\n    top: -11px;\n    right: 12px;\n    padding: 4px 10px;\n    border-radius: 20px;\n    color: #fff;\n    background: var(--fm-orange);\n    font-size: 11px;\n    font-weight: bold;\n  }<\/p>\n<p>  .fureai-magazine__issue-number {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 2;\n    padding: 4px 10px;\n    border-radius: 30px;\n    color: var(--fm-green-dark);\n    background: var(--fm-green-pale);\n    font-size: 12px;\n    font-weight: bold;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n  }<\/p>\n<p>  .fureai-magazine__card.is-latest\n  .fureai-magazine__issue-number {\n    color: #9a5200;\n    background: var(--fm-orange-pale);\n  }<\/p>\n<p>  \/* \u8868\u7d19\u753b\u50cf *\/\n  .fureai-magazine__cover {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 140px;\n    aspect-ratio: 210 \/ 297;\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid var(--fm-border);\n    border-radius: 7px;\n    background: #f5f6f5;\n  }<\/p>\n<p>  .fureai-magazine__cover img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }<\/p>\n<p>  .fureai-magazine__cover-placeholder {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    padding: 20px;\n    color: #8a8a8a;\n    font-size: 13px;\n    text-align: center;\n  }<\/p>\n<p>  \/* \u524d\u5e74\u5ea6\u307e\u3067 *\/\n  .fureai-magazine__older-notice {\n    padding: 24px;\n    margin-top: 18px;\n    border: 1px dashed #b9cdbb;\n    border-radius: 12px;\n    background: #f8fbf8;\n  }<\/p>\n<p>  .fureai-magazine__older-notice h3 {\n    margin: 0 0 8px;\n    color: var(--fm-green-dark);\n    font-size: 21px;\n    line-height: 1.5;\n  }<\/p>\n<p>  .fureai-magazine__older-notice p {\n    margin: 0;\n    color: var(--fm-muted);\n    font-size: 14px;\n    line-height: 1.8;\n  }<\/p>\n<p>  \/* PDF\u30ea\u30f3\u30af *\/\n  .fureai-magazine__pdf-link,\n  .fureai-magazine__pdf-unavailable {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    width: 100%;\n    min-height: 45px;\n    padding: 9px 13px;\n    align-self: center;\n    margin-top: 0;\n    border-radius: 7px;\n    font-size: 14px;\n    font-weight: bold;\n    text-decoration: none !important;\n  }<\/p>\n<p>  .fureai-magazine__pdf-link {\n    border: 1px solid var(--fm-green);\n    color: var(--fm-green-dark);\n    background: #fff;\n    transition:\n      color 0.2s ease,\n      background-color 0.2s ease;\n  }<\/p>\n<p>  .fureai-magazine__pdf-link:hover {\n    color: #fff;\n    background: var(--fm-green);\n  }<\/p>\n<p>  .fureai-magazine__pdf-unavailable {\n    justify-content: center;\n    border: 1px solid #ddd;\n    color: #8a8a8a;\n    background: #f4f4f4;\n    cursor: default;\n  }<\/p>\n<p>  .fureai-magazine__card.is-latest\n  .fureai-magazine__pdf-unavailable {\n    border-color: #efd2a9;\n    color: #a45b08;\n    background: var(--fm-orange-pale);\n  }<\/p>\n<p>  .fureai-magazine__pdf-icon {\n    flex: 0 0 auto;\n    font-size: 17px;\n    line-height: 1;\n  }<\/p>\n<p>  \/* ========================================\n     \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\n  ======================================== *\/\n  @media (max-width: 1000px) {\n    .fureai-magazine__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }<\/p>\n<p>  @media (max-width: 600px) {\n    .fureai-magazine__header {\n      padding: 32px 22px;\n      border-radius: 12px;\n    }<\/p>\n<p>    .fureai-magazine__description {\n      font-size: 15px;\n      line-height: 1.85;\n    }<\/p>\n<p>    .fureai-magazine__year-toggle {\n      min-height: 64px;\n      padding: 14px 58px 14px 18px;\n    }<\/p>\n<p>    .fureai-magazine__year-name {\n      font-size: 21px;\n    }<\/p>\n<p>    .fureai-magazine__year-summary {\n      display: none;\n    }<\/p>\n<p>    .fureai-magazine__year-icon {\n      right: 18px;\n    }<\/p>\n<p>    .fureai-magazine__grid {\n      grid-template-columns: 1fr;\n      gap: 10px;\n      padding-right: 14px;\n      padding-left: 14px;\n    }<\/p>\n<p>    .fureai-magazine__year.is-open\n    .fureai-magazine__grid {\n      padding: 16px 14px 14px;\n    }<\/p>\n<p>    .fureai-magazine__card {\n      grid-template-columns: minmax(100px, 0.75fr) minmax(140px, 1fr);\n      gap: 13px;\n      padding: 14px;\n    }\n  }<\/p>\n<p>  @media (prefers-reduced-motion: reduce) {\n    .fureai-magazine *,\n    .fureai-magazine *::before,\n    .fureai-magazine *::after {\n      transition-duration: 0.01ms !important;\n    }\n  }\n  <\/style>\n<p>  <!-- \u30da\u30fc\u30b8\u4e0a\u90e8 --><\/p>\n<header class=\"fureai-magazine__header\">\n<p class=\"fureai-magazine__eyebrow\">\n      QUARTERLY MAGAZINE\n    <\/p>\n<h2 class=\"fureai-magazine__title\">\n      \u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d<br \/>\n    <\/h2>\n<p class=\"fureai-magazine__description\">\n\u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d\u306f\u3001\u5b9f\u5730\u306b\u96c6\u307e\u308b\u3053\u3068\u304c\u96e3\u3057\u3044\u4f1a\u54e1\u304a\u3088\u3073\u3054\u5bb6\u65cf\u306e\u5fc3\u306e\u7e4b\u304c\u308a\u3092\u6df1\u3081\u3001\u6709\u76ca\u306a\u60c5\u5831\u306e\u5171\u6709\u3092\u76ee\u6a19\u3068\u3059\u308b\u672c\u4f1a\u306e\u57fa\u5e79\u6d3b\u52d5\u3067\u3059\u30022026\u5e74\u5ea6\u3082\u5e74\u9593\uff14\u56de\u306e\u767a\u884c\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\u30a4\u30d9\u30f3\u30c8\u30fb\u304a\u3057\u3083\u3079\u308a\u4f1a\u30fb\u5b9a\u4f8b\u4f1a\u306e\u5831\u544a\u3067\u306f\u3001\u53c2\u52a0\u3067\u304d\u306a\u304b\u3063\u305f\u4f1a\u54e1\u306b\u3082\u5185\u5bb9\u304c\u4f1d\u308f\u308b\u3088\u3046\u3001\u611f\u60f3\u3060\u3051\u3067\u306a\u304f\u6d3b\u52d5\u5185\u5bb9\u3092\u8a73\u3057\u304f\u8a18\u8f09\u3059\u308b\u3088\u3046\u52aa\u3081\u307e\u3059\u3002\u5c02\u9580\u5bb6\u306b\u3088\u308b\u300c\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8\u30dc\u30a4\u30b9\u300d\u306b\u3064\u3044\u3066\u306f\u3001\u7d99\u7d9a\u7684\u306b\u63b2\u8f09\u51fa\u6765\u308b\u69d8\u3001\u5bc4\u7a3f\u4f9d\u983c\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<\/header>\n<p>  <!-- PDF\u306b\u3064\u3044\u3066\u306e\u6848\u5185 --><\/p>\n<div style=\"height: 2em;\"><\/div>\n<p>  <!--\n\n<div class=\"fureai-magazine__information\">\n\n    <span\n      class=\"fureai-magazine__information-icon\"\n      aria-hidden=\"true\"\n    >\n      i\n    <\/span>\n\n    \n\n<p>\n      \u300cPDF\u3092\u958b\u304f\u300d\u3092\u62bc\u3059\u3068\u3001PDF\u30d5\u30a1\u30a4\u30eb\u304c\u5225\u306e\u30bf\u30d6\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n      \u300cPDF\u6e96\u5099\u4e2d\u300d\u3068\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u53f7\u306b\u3064\u3044\u3066\u306f\u3001\n      \u904e\u53bb\u306e\u767a\u520a\u8cc7\u6599\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u9806\u6b21\u63b2\u8f09\u3059\u308b\u4e88\u5b9a\u3067\u3059\u3002\n    <\/p>\n\n\n\n  <\/div>\n\n--><\/p>\n<p>  <!-- JavaScript\u3067\u4e00\u89a7\u3092\u751f\u6210 --><\/p>\n<div class=\"fureai-magazine__years\"><\/div>\n<section class=\"fureai-magazine__older-notice\">\n<h3>\u5165\u4f1a\u3044\u305f\u3060\u304f\u3068<\/h3>\n<p>\n      \u5e74\u95934\u518a\u306e\u4f1a\u5831\u300e\u3075\u308c\u3042\u3044\u300d\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\n    <\/p>\n<\/section>\n<p>  <noscript><\/p>\n<p>\n      \u30d0\u30c3\u30af\u30ca\u30f3\u30d0\u30fc\u3092\u8868\u793a\u3059\u308b\u306b\u306fJavaScript\u3092\u6709\u52b9\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n    <\/p>\n<p>  <\/noscript><\/p>\n<\/div>\n<p><script>\n(function () {\n  \"use strict\";<\/p>\n<p>  const root = document.querySelector(\".fureai-magazine\");<\/p>\n<p>  if (!root || root.dataset.initialized === \"true\") {\n    return;\n  }<\/p>\n<p>  root.dataset.initialized = \"true\";<\/p>\n<p>  \/*\n   * =========================================\n   * \u6700\u65b0\u53f7\u306e\u8a2d\u5b9a\n   * =========================================\n   *\n   * \u5b63\u7bc0\u756a\u53f7\n   * 0 = \u6625\u53f7\n   * 1 = \u590f\u53f7\n   * 2 = \u79cb\u53f7\n   * 3 = \u51ac\u53f7\n   *\/\n  const LATEST_ISSUE_NUMBER = 166;\n  const LATEST_YEAR = 2026;\n  const LATEST_SEASON_INDEX = 2;<\/p>\n<p>  \/*\n   * \u7b2c166\u53f7\u306f\u767a\u520a\u4e88\u5b9a\u306e\u305f\u3081true\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n   * \u767a\u520a\u5f8c\u306ffalse\u3078\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n   *\/\n  const LATEST_IS_UPCOMING = false;<\/p>\n<p>  \/*\n   * =========================================\n   * PDF\u306e\u767b\u9332\n   * =========================================\n   *\n   * PDF\u304c\u78ba\u8a8d\u3067\u304d\u305f\u53f7\u3060\u3051\u3001\u4ee5\u4e0b\u3078URL\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\n   *\n   * \u8a18\u8ff0\u4f8b\uff1a\n   *\n   * 165:\n   * \"https:\/\/example.jp\/wp-content\/uploads\/2026\/06\/165.pdf\",\n   *\n   * 164:\n   * \"https:\/\/example.jp\/wp-content\/uploads\/2026\/03\/164.pdf\",\n   *\/\n  const PDF_URLS = {<\/p>\n<p>    166:\n      \"https:\/\/hpda-hiroshima.com\/web\/wp-content\/uploads\/2026\/09\/mkj01.png\",<\/p>\n<p>  };<\/p>\n<p>  \/*\n   * =========================================\n   * \u8868\u7d19\u753b\u50cf\u306e\u767b\u9332\n   * =========================================\n   *\n   * PDF_URLS\u3068\u540c\u3058\u3088\u3046\u306b\u3001\u53f7\u6570\u3068\u753b\u50cfURL\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\n   *\n   * \u8a18\u8ff0\u4f8b\uff1a\n   *\n   * 165:\n   * \"https:\/\/example.jp\/wp-content\/uploads\/2026\/06\/165.jpg\",\n   *\/\n  const COVER_IMAGE_URLS = {<\/p>\n<p>    166:\n      \"https:\/\/hpda-hiroshima.com\/web\/wp-content\/uploads\/2026\/08\/bhdaj.jpg\",<\/p>\n<p>  };<\/p>\n<p>  \/*\n   * \u5b63\u7bc0\u306e\u8a2d\u5b9a\n   *\/\n  const seasons = [\n    {\n      name: \"\u6625\u53f7\",\n      slug: \"spring\"\n    },\n    {\n      name: \"\u590f\u53f7\",\n      slug: \"summer\"\n    },\n    {\n      name: \"\u79cb\u53f7\",\n      slug: \"autumn\"\n    },\n    {\n      name: \"\u51ac\u53f7\",\n      slug: \"winter\"\n    }\n  ];<\/p>\n<p>  const yearsContainer = root.querySelector(\n    \".fureai-magazine__years\"\n  );<\/p>\n<p>  \/*\n   * \u6700\u65b0\u53f7\u304b\u3089\u4eca\u5e74\u5ea6\u306e\u6700\u521d\u306e\u53f7\u307e\u3067\u9006\u7b97\n   *\/\n  function createIssueData() {\n    const issues = [];<\/p>\n<p>    const latestQuarter =\n      LATEST_YEAR * 4 + LATEST_SEASON_INDEX;<\/p>\n<p>    for (\n      let issueNumber = LATEST_ISSUE_NUMBER;\n      issueNumber >= 1;\n      issueNumber--\n    ) {\n      const difference =\n        LATEST_ISSUE_NUMBER - issueNumber;<\/p>\n<p>      const quarter =\n        latestQuarter - difference;<\/p>\n<p>      const year =\n        Math.floor(quarter \/ 4);<\/p>\n<p>      const seasonIndex =\n        ((quarter % 4) + 4) % 4;<\/p>\n<p>      if (year !== LATEST_YEAR) {\n        break;\n      }<\/p>\n<p>      issues.push({\n        number: issueNumber,\n        year: year,\n        seasonIndex: seasonIndex,\n        season: seasons[seasonIndex]\n      });\n    }<\/p>\n<p>    return issues;\n  }<\/p>\n<p>  \/*\n   * \u5e74\u3054\u3068\u306b\u5206\u985e\n   *\/\n  function groupIssuesByYear(issues) {\n    const grouped = {};<\/p>\n<p>    issues.forEach(function (issue) {\n      if (!grouped[issue.year]) {\n        grouped[issue.year] = [];\n      }<\/p>\n<p>      grouped[issue.year].push(issue);\n    });<\/p>\n<p>    return grouped;\n  }<\/p>\n<p>  \/*\n   * \u5404\u53f7\u306e\u30ab\u30fc\u30c9\u3092\u751f\u6210\n   *\/\n  function createIssueCard(issue) {\n    const isLatest =\n      issue.number === LATEST_ISSUE_NUMBER;<\/p>\n<p>    const pdfUrl =\n      PDF_URLS[issue.number] || \"\";<\/p>\n<p>    const coverImageUrl =\n      COVER_IMAGE_URLS[issue.number] || \"\";<\/p>\n<p>    const article =\n      document.createElement(\"article\");<\/p>\n<p>    article.className =\n      \"fureai-magazine__card\";<\/p>\n<p>    article.setAttribute(\n      \"aria-label\",\n      issue.number +\n      \"\u53f7 \" +\n      issue.season.name\n    );<\/p>\n<p>    if (isLatest) {\n      article.classList.add(\"is-latest\");<\/p>\n<p>      const latestLabel =\n        document.createElement(\"span\");<\/p>\n<p>      latestLabel.className =\n        \"fureai-magazine__latest-label\";<\/p>\n<p>      latestLabel.textContent =\n        LATEST_IS_UPCOMING\n          ? \"\u767a\u520a\u4e88\u5b9a\"\n          : \"\u6700\u65b0\u53f7\";<\/p>\n<p>      article.appendChild(latestLabel);\n    }<\/p>\n<p>    const number =\n      document.createElement(\"span\");<\/p>\n<p>    number.className =\n      \"fureai-magazine__issue-number\";<\/p>\n<p>    number.textContent =\n      issue.season.name;<\/p>\n<p>    const cover =\n      document.createElement(\"div\");<\/p>\n<p>    cover.className =\n      \"fureai-magazine__cover\";<\/p>\n<p>    cover.appendChild(number);<\/p>\n<p>    \/*\n     * \u8868\u7d19\u753b\u50cf\u767b\u9332\u6e08\u307f\u306e\u5834\u5408\n     *\/\n    if (coverImageUrl) {\n      const coverImage =\n        document.createElement(\"img\");<\/p>\n<p>      coverImage.src = coverImageUrl;\n      coverImage.alt =\n        \"\u5b63\u520a\u8a8c\u300c\u3075\u308c\u3042\u3044\u300d\" +\n        issue.number +\n        \"\u53f7\u306e\u8868\u7d19\";\n      coverImage.loading = \"lazy\";\n      coverImage.decoding = \"async\";<\/p>\n<p>      cover.appendChild(coverImage);\n    } else {\n      const coverPlaceholder =\n        document.createElement(\"span\");<\/p>\n<p>      coverPlaceholder.className =\n        \"fureai-magazine__cover-placeholder\";<\/p>\n<p>      coverPlaceholder.textContent =\n        \"\u8868\u7d19\u753b\u50cf\u6e96\u5099\u4e2d\";<\/p>\n<p>      cover.appendChild(coverPlaceholder);\n    }<\/p>\n<p>    article.appendChild(cover);<\/p>\n<p>    \/*\n     * PDF\u767b\u9332\u6e08\u307f\u306e\u5834\u5408\n     *\/\n    if (pdfUrl) {\n      const link =\n        document.createElement(\"a\");<\/p>\n<p>      link.className =\n        \"fureai-magazine__pdf-link\";<\/p>\n<p>      link.href = pdfUrl;\n      link.target = \"_blank\";\n      link.rel = \"noopener noreferrer\";<\/p>\n<p>      link.setAttribute(\n        \"aria-label\",\n        \"\u5b63\u520a\u8a8c\u300c\u3075\u308c\u3042\u3044\u300d\u7b2c\" +\n        issue.number +\n        \"\u53f7\u306e\u76ee\u6b21\u3092\u65b0\u3057\u3044\u30bf\u30d6\u3067\u958b\u304f\"\n      );<\/p>\n<p>      const linkText =\n        document.createElement(\"span\");<\/p>\n<p>      linkText.textContent =\n        issue.number +\n        \"\u53f7\u306e\u76ee\u6b21\u3092\u958b\u304f\";<\/p>\n<p>      const linkIcon =\n        document.createElement(\"span\");<\/p>\n<p>      linkIcon.className =\n        \"fureai-magazine__pdf-icon\";<\/p>\n<p>      linkIcon.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );<\/p>\n<p>      linkIcon.textContent = \"\u2197\";<\/p>\n<p>      link.appendChild(linkText);\n      link.appendChild(linkIcon);\n      article.appendChild(link);<\/p>\n<p>    \/*\n     * PDF\u672a\u767b\u9332\u306e\u5834\u5408\n     *\/\n    } else {\n      const unavailable =\n        document.createElement(\"span\");<\/p>\n<p>      unavailable.className =\n        \"fureai-magazine__pdf-unavailable\";<\/p>\n<p>      if (isLatest && LATEST_IS_UPCOMING) {\n        unavailable.textContent =\n          \"9\u670810\u65e5\u516c\u958b\u4e88\u5b9a\";\n      } else {\n        unavailable.textContent =\n          \"\u6e96\u5099\u4e2d\";\n      }<\/p>\n<p>      article.appendChild(unavailable);\n    }<\/p>\n<p>    return article;\n  }<\/p>\n<p>  \/*\n   * \u5e74\u5ea6\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u3092\u751f\u6210\n   *\/\n  function createYearSection(\n    year,\n    issues,\n    isLatestYear\n  ) {\n    const section =\n      document.createElement(\"section\");<\/p>\n<p>    section.className =\n      \"fureai-magazine__year\";<\/p>\n<p>    section.dataset.year =\n      String(year);<\/p>\n<p>    if (isLatestYear) {\n      section.classList.add(\"is-open\");\n    }<\/p>\n<p>    const toggle =\n      document.createElement(\"button\");<\/p>\n<p>    toggle.type = \"button\";<\/p>\n<p>    toggle.className =\n      \"fureai-magazine__year-toggle\";<\/p>\n<p>    toggle.setAttribute(\n      \"aria-expanded\",\n      isLatestYear ? \"true\" : \"false\"\n    );<\/p>\n<p>    const heading =\n      document.createElement(\"span\");<\/p>\n<p>    heading.className =\n      \"fureai-magazine__year-name\";<\/p>\n<p>    heading.textContent =\n      year + \"\u5e74\";<\/p>\n<p>    const summary =\n      document.createElement(\"span\");<\/p>\n<p>    summary.className =\n      \"fureai-magazine__year-summary\";<\/p>\n<p>    summary.textContent =\n      issues.length + \"\u518a\u63b2\u8f09\";<\/p>\n<p>    const icon =\n      document.createElement(\"span\");<\/p>\n<p>    icon.className =\n      \"fureai-magazine__year-icon\";<\/p>\n<p>    icon.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );<\/p>\n<p>    toggle.appendChild(heading);\n    toggle.appendChild(summary);\n    toggle.appendChild(icon);<\/p>\n<p>    const body =\n      document.createElement(\"div\");<\/p>\n<p>    body.className =\n      \"fureai-magazine__year-body\";<\/p>\n<p>    const inner =\n      document.createElement(\"div\");<\/p>\n<p>    inner.className =\n      \"fureai-magazine__year-inner\";<\/p>\n<p>    const grid =\n      document.createElement(\"div\");<\/p>\n<p>    grid.className =\n      \"fureai-magazine__grid\";<\/p>\n<p>\t\/*\n\t * \u5404\u5e74\u306e\u4e2d\u3092\n\t * \u6625 \u2192 \u590f \u2192 \u79cb \u2192 \u51ac\u306e\u9806\u756a\u3067\u8868\u793a\n\t *\/\n\tissues\n\t  .slice()\n\t  .reverse()\n\t  .forEach(function (issue) {\n\t\tgrid.appendChild(\n\t\t  createIssueCard(issue)\n\t\t);\n\t  });<\/p>\n<p>    inner.appendChild(grid);\n    body.appendChild(inner);<\/p>\n<p>    section.appendChild(toggle);\n    section.appendChild(body);<\/p>\n<p>    toggle.addEventListener(\n      \"click\",\n      function () {\n        const isOpen =\n          section.classList.toggle(\"is-open\");<\/p>\n<p>        toggle.setAttribute(\n          \"aria-expanded\",\n          isOpen ? \"true\" : \"false\"\n        );\n      }\n    );<\/p>\n<p>    return section;\n  }<\/p>\n<p>  \/*\n   * \u4eca\u5e74\u5ea6\u5206\u3092\u751f\u6210\n   *\/\n  const allIssues =\n    createIssueData();<\/p>\n<p>  const groupedIssues =\n    groupIssuesByYear(allIssues);<\/p>\n<p>  const years =\n    Object.keys(groupedIssues)\n      .map(Number)\n      .sort(function (a, b) {\n        return b - a;\n      });<\/p>\n<p>  years.forEach(function (year) {\n    yearsContainer.appendChild(\n      createYearSection(\n        year,\n        groupedIssues[year],\n        year === LATEST_YEAR\n      )\n    );<\/p>\n<p>  });\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>QUARTERLY MAGAZINE \u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d \u4f1a\u5831\u300c\u3075\u308c\u3042\u3044\u300d\u306f\u3001\u5b9f\u5730\u306b\u96c6\u307e\u308b\u3053\u3068\u304c\u96e3\u3057\u3044\u4f1a\u54e1\u304a\u3088\u3073\u3054\u5bb6\u65cf\u306e\u5fc3\u306e\u7e4b\u304c\u308a\u3092\u6df1\u3081\u3001\u6709\u76ca\u306a\u60c5\u5831\u306e\u5171\u6709\u3092\u76ee\u6a19\u3068\u3059\u308b\u672c\u4f1a\u306e\u57fa\u5e79\u6d3b\u52d5\u3067\u3059\u30022026\u5e74\u5ea6\u3082\u5e74\u9593\uff14\u56de\u306e\u767a\u884c\u3092\u76ee\u6307\u3057<a href=\"https:\/\/hpda-hiroshima.com\/?page_id=598\"> \u2026\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":648,"parent":592,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-598","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/598","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=598"}],"version-history":[{"count":33,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/598\/revisions"}],"predecessor-version":[{"id":1140,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/598\/revisions\/1140"}],"up":[{"embeddable":true,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/pages\/592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=\/wp\/v2\/media\/648"}],"wp:attachment":[{"href":"https:\/\/hpda-hiroshima.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}