{"id":538,"date":"2026-06-13T08:19:45","date_gmt":"2026-06-13T08:19:45","guid":{"rendered":"https:\/\/shuminotamariba.com\/?page_id=538"},"modified":"2026-06-23T03:51:28","modified_gmt":"2026-06-22T18:51:28","slug":"honkan-works","status":"publish","type":"page","link":"https:\/\/shuminotamariba.com\/index.php\/honkan-works\/","title":{"rendered":"\u4f5c\u54c1\u4e00\u89a7<\u672c\u9928>"},"content":{"rendered":"\n<!-- \u4f5c\u54c1\u4e00\u89a7 v11\uff1a\u4e0b\u90e8\u30d5\u30c3\u30bf\u30fc\u524d\u306b\u8efd\u3081\u306ePR\u8868\u8a18\u3092\u8ffd\u52a0 -->\n<!-- honkan works v10\uff1a\u753b\u9762\u5207\u308a\u66ff\u3048\u30ac\u30fc\u30c9\u524d\u3078\u623b\u3057 -->\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Yuji+Boku&family=Yomogi&display=swap\");\n\n  html,\n  body {\n    overflow-x: hidden !important;\n  }\n\n  body,\n  .wp-site-blocks,\n  main.wp-block-group,\n  .wp-block-post-content {\n    background: #070b0f !important;\n  }\n\n  .wp-site-blocks > header,\n  header.wp-block-template-part,\n  .wp-block-post-title,\n  .entry-header,\n  .wp-site-blocks > .wp-block-group:first-child,\n  main > .wp-block-group:first-child:not(:has(.yt-works-page)) {\n    display: none !important;\n  }\n\n  .wp-site-blocks,\n  main,\n  .wp-block-post-content {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n  }\n\n  .yt-works-page {\n\n    --yt-bg: #070b0f;\n    --yt-bg2: #0b1016;\n    --yt-panel: rgba(12,18,24,.92);\n    --yt-panel2: rgba(18,28,38,.78);\n    --yt-text: #f3fbff;\n    --yt-muted: #a8bdc7;\n    --yt-soft: #c7d6df;\n    --yt-cyan: #45eedb;\n    --yt-blue: #38a8ff;\n    --yt-red: #ff4d6d;\n    --yt-line: rgba(69,238,219,.55);\n    --yt-line2: rgba(69,238,219,.22);\n    --yt-card: linear-gradient(135deg, rgba(15,38,52,.78), rgba(8,14,21,.92));\n    --yt-shadow: 0 0 28px rgba(69,238,219,.10);\n    --yt-chip-bg: rgba(69,238,219,.10);\n    --yt-chip-text: #45eedb;\n\n    position: relative;\n    left: 50%;\n    right: 50%;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    min-height: 100vh;\n    overflow-x: hidden;\n    color: var(--yt-text);\n    background:\n      radial-gradient(circle at 18% 0%, rgba(69,238,219,.12), transparent 30%),\n      radial-gradient(circle at 92% 18%, rgba(56,168,255,.11), transparent 32%),\n      linear-gradient(180deg,var(--yt-bg) 0%,var(--yt-bg2) 55%,var(--yt-bg) 100%);\n    padding: clamp(24px,4vw,54px) clamp(14px,3vw,34px) clamp(18px,3vw,34px);\n    box-sizing: border-box;\n    font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Hiragino Sans\",\"Yu Gothic\",sans-serif;\n  }\n\n  .yt-works-page,\n  .yt-works-page * {\n    box-sizing: border-box;\n  }\n\n  .yt-shell {\n    width: min(100%, 1460px);\n    margin: 0 auto;\n  }\n\n  .yt-header {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 18px;\n    align-items: center;\n    padding: 16px;\n    border: 1px solid var(--yt-line);\n    border-radius: 22px;\n    background: var(--yt-card);\n    box-shadow: var(--yt-shadow);\n  }\n\n  .yt-brand {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    min-width: 0;\n  }\n\n  .yt-logo {\n    flex: 0 0 62px;\n    width: 62px;\n    height: 62px;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid var(--yt-line2);\n    background: var(--yt-panel2);\n  }\n\n  .yt-logo img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n  }\n\n  .yt-title {\n    margin: 0;\n    color: var(--yt-text);\n    font-family: \"Mushin\",\"\u7121\u5fc3\",\"MODI_mushin\",\"Yomogi\",\"Hiragino Maru Gothic ProN\",\"Yu Gothic\",system-ui,sans-serif;\n    font-size: clamp(28px,3vw,42px);\n    line-height: 1.05;\n    letter-spacing: -.06em;\n    white-space: nowrap;\n  }\n\n  .yt-title span {\n    color: var(--yt-cyan);\n  }\n\n  .yt-tagline {\n    margin: 6px 0 0;\n    color: var(--yt-muted);\n    font-size: 13px;\n    line-height: 1.5;\n    font-weight: 700;\n  }\n\n  .yt-nav {\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    gap: 9px;\n  }\n\n  .yt-nav a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 38px;\n    padding: 8px 13px;\n    border-radius: 999px;\n    border: 1px solid var(--yt-line2);\n    background: rgba(255,255,255,.06);\n    color: var(--yt-text);\n    text-decoration: none;\n    font-size: 12.5px;\n    font-weight: 900;\n    white-space: nowrap;\n  }\n\n  .yt-nav a:hover {\n    color: var(--yt-cyan);\n    border-color: var(--yt-cyan);\n  }\n\n  .yt-nav .yt-other {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff);\n    border-color: rgba(69,238,219,.76);\n  }\n\n  .yt-hero {\n    margin-top: 18px;\n    padding: clamp(22px,4vw,42px);\n    border: 1px solid var(--yt-line);\n    border-radius: 26px;\n    background: var(--yt-card);\n    box-shadow: var(--yt-shadow);\n  }\n\n  .yt-kicker {\n    margin: 0 0 10px;\n    color: var(--yt-cyan);\n    font-weight: 1000;\n    letter-spacing: .12em;\n    font-size: 12px;\n  }\n\n  .yt-hero h2 {\n    margin: 0;\n    color: var(--yt-text);\n    font-size: clamp(34px,4.2vw,58px);\n    line-height: 1.08;\n    letter-spacing: -.04em;\n  }\n\n  .yt-hero h2 span {\n    color: var(--yt-cyan);\n  }\n\n  .yt-hero p {\n    max-width: 820px;\n    margin: 14px 0 0;\n    color: var(--yt-soft);\n    font-size: 15px;\n    line-height: 1.8;\n    font-weight: 700;\n  }\n\n  .yt-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 18px;\n  }\n\n  .yt-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 42px;\n    padding: 10px 16px;\n    border-radius: 999px;\n    border: 1px solid var(--yt-line);\n    color: #061018;\n    background: linear-gradient(90deg, #45eedb, #38a8ff);\n    text-decoration: none;\n    font-weight: 1000;\n    font-size: 14px;\n  }\n\n  .yt-main {\n    margin-top: 18px;\n    display: grid;\n    grid-template-columns: minmax(0, 320px) minmax(0, 1fr);\n    gap: 18px;\n    align-items: start;\n  }\n\n  .yt-panel {\n    border: 1px solid var(--yt-line);\n    border-radius: 22px;\n    background: var(--yt-card);\n    box-shadow: var(--yt-shadow);\n    padding: 16px;\n    min-width: 0;\n  }\n\n  .yt-side {\n    position: sticky;\n    top: 16px;\n  }\n\n  .yt-panel-title {\n    margin: 0 0 12px;\n    color: var(--yt-text);\n    font-size: 20px;\n    line-height: 1.3;\n  }\n\n  .yt-form {\n    display: grid;\n    gap: 10px;\n  }\n\n  .yt-input,\n  .yt-select {\n    width: 100%;\n    min-height: 44px;\n    border-radius: 14px;\n    border: 1px solid var(--yt-line2);\n    background: rgba(255,255,255,.08);\n    color: var(--yt-text);\n    padding: 0 12px;\n    font-size: 14px;\n    font-weight: 800;\n    outline: none;\n  }\n\n  .yt-input::placeholder {\n    color: var(--yt-muted);\n  }\n\n  .yt-select {\n    appearance: none;\n    -webkit-appearance: none;\n    background-image:\n      url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2345eedb' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M7 9l5 5 5-5'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    background-size: 18px 18px;\n    padding-right: 42px;\n  }\n\n  .yt-honkan-works .yt-input,\n  .yt-honkan-works .yt-select {\n    background: rgba(255,255,255,.82);\n    color: #143044;\n  }\n\n  .yt-honkan-works .yt-select {\n    background-image:\n      url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23143044' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M7 9l5 5 5-5'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 12px center;\n    background-size: 18px 18px;\n  }\n\n  .yt-mini-note {\n    margin: 12px 0 0;\n    color: var(--yt-muted);\n    font-size: 12.5px;\n    line-height: 1.7;\n    font-weight: 700;\n  }\n\n  .yt-results-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 14px;\n  }\n\n  .yt-results-title {\n    margin: 0;\n    color: var(--yt-text);\n    font-size: clamp(24px,3vw,34px);\n    line-height: 1.2;\n  }\n\n  .yt-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 32px;\n    padding: 6px 12px;\n    border-radius: 999px;\n    color: #061018;\n    background: linear-gradient(90deg, #45eedb, #38a8ff);\n    font-weight: 1000;\n    font-size: 13px;\n    white-space: nowrap;\n  }\n\n  .yt-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .yt-card {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    min-width: 0;\n    color: var(--yt-text);\n    text-decoration: none;\n    border: 1px solid var(--yt-line2);\n    border-radius: 20px;\n    overflow: hidden;\n    background: rgba(255,255,255,.055);\n    transition: border-color .2s ease, box-shadow .2s ease, filter .2s ease;\n  }\n\n  .yt-card:hover {\n    border-color: var(--yt-cyan);\n    box-shadow: 0 0 22px rgba(69,238,219,.16);\n    filter: brightness(1.03);\n  }\n\n  .yt-thumb {\n    aspect-ratio: 16 \/ 10;\n    background:\n      radial-gradient(circle at 25% 20%, rgba(69,238,219,.24), transparent 35%),\n      linear-gradient(135deg, rgba(69,238,219,.16), rgba(56,168,255,.10));\n    overflow: hidden;\n  }\n\n  .yt-thumb img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n  }\n\n  .yt-body {\n    padding: 13px;\n    min-width: 0;\n  }\n\n  .yt-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 9px;\n  }\n\n  .yt-chip {\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    min-height: 24px;\n    padding: 4px 8px;\n    border-radius: 999px;\n    color: var(--yt-chip-text);\n    background: var(--yt-chip-bg);\n    border: 1px solid var(--yt-line2);\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .yt-card-title {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    min-height: 50px;\n    margin: 0;\n    overflow: hidden;\n    color: var(--yt-text);\n    font-size: 17px;\n    line-height: 1.45;\n    font-weight: 1000;\n  }\n\n  .yt-excerpt {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    min-height: 62px;\n    margin: 9px 0 0;\n    overflow: hidden;\n    color: var(--yt-muted);\n    font-size: 13px;\n    line-height: 1.6;\n    font-weight: 700;\n  }\n\n  .yt-date {\n    display: block;\n    margin-top: 10px;\n    color: var(--yt-cyan);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  .yt-empty,\n  .yt-loading {\n    border: 1px dashed var(--yt-line2);\n    border-radius: 18px;\n    padding: 18px;\n    background: rgba(255,255,255,.055);\n    color: var(--yt-muted);\n  }\n\n  .yt-empty h3 {\n    margin: 0;\n    color: var(--yt-text);\n    font-size: 19px;\n    line-height: 1.35;\n  }\n\n  .yt-empty p {\n    margin: 10px 0 0;\n    color: var(--yt-soft);\n    font-size: 13px;\n    line-height: 1.7;\n    font-weight: 700;\n  }\n\n  .yt-empty-line {\n    display: block;\n  }\n\n  .yt-pagination {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 18px;\n  }\n\n  .yt-page-btn {\n    min-width: 38px;\n    min-height: 38px;\n    border-radius: 999px;\n    border: 1px solid var(--yt-line2);\n    background: rgba(255,255,255,.07);\n    color: var(--yt-text);\n    font-weight: 1000;\n    cursor: pointer;\n  }\n\n  .yt-page-btn.is-active {\n    color: #061018;\n    background: linear-gradient(90deg, #45eedb, #38a8ff);\n    border-color: var(--yt-cyan);\n  }\n\n  .yt-footer {\n    margin-top: 18px;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 10px;\n    border: 1px solid var(--yt-line);\n    border-radius: 22px;\n    background: var(--yt-card);\n    box-shadow: var(--yt-shadow);\n    padding: 14px;\n  }\n\n  .yt-footer a {\n    display: block;\n    min-width: 0;\n    text-decoration: none;\n    color: var(--yt-muted);\n    border: 1px solid var(--yt-line2);\n    border-radius: 15px;\n    background: rgba(255,255,255,.055);\n    padding: 12px;\n    font-size: 12.5px;\n    line-height: 1.55;\n    font-weight: 700;\n  }\n\n  .yt-footer strong {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--yt-text);\n    font-size: 14px;\n  }\n\n  @media (max-width: 1180px) {\n    .yt-main {\n      grid-template-columns: 1fr;\n    }\n\n    .yt-side {\n      position: static;\n    }\n\n    .yt-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 900px) {\n    .yt-header {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .yt-logo {\n      flex-basis: 48px;\n      width: 48px;\n      height: 48px;\n      border-radius: 12px;\n    }\n\n    .yt-title {\n      font-size: clamp(23px,5.8vw,30px);\n      letter-spacing: -.09em;\n    }\n\n    .yt-tagline {\n      font-size: 11px;\n    }\n\n    .yt-nav {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      width: 100%;\n    }\n\n    .yt-nav a {\n      min-height: 36px;\n      font-size: 11.5px;\n      padding: 7px 8px;\n    }\n\n    .yt-footer {\n      grid-template-columns: repeat(2, minmax(0,1fr));\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-works-page {\n      padding: 14px 12px 18px;\n    }\n\n    .yt-header,\n    .yt-hero,\n    .yt-panel,\n    .yt-footer {\n      border-radius: 17px;\n    }\n\n    .yt-hero {\n      margin-top: 10px;\n      padding: 16px;\n    }\n\n    .yt-kicker {\n      font-size: 10.5px;\n      letter-spacing: .08em;\n    }\n\n    .yt-hero h2 {\n      font-size: clamp(29px,8.6vw,37px);\n      line-height: 1.08;\n    }\n\n    .yt-hero p {\n      font-size: 12.5px;\n      line-height: 1.65;\n    }\n\n    .yt-actions {\n      margin-top: 13px;\n    }\n\n    .yt-btn {\n      width: 100%;\n      min-height: 40px;\n      font-size: 13px;\n    }\n\n    .yt-main {\n      gap: 12px;\n      margin-top: 12px;\n    }\n\n    .yt-panel {\n      padding: 13px;\n    }\n\n    .yt-panel-title {\n      font-size: 18px;\n    }\n\n    .yt-form {\n      gap: 8px;\n    }\n\n    .yt-input,\n    .yt-select {\n      min-height: 42px;\n      font-size: 13px;\n      border-radius: 13px;\n    }\n\n    .yt-results-head {\n      gap: 8px;\n      margin-bottom: 11px;\n    }\n\n    .yt-results-title {\n      font-size: 24px;\n      white-space: nowrap;\n      letter-spacing: -.04em;\n    }\n\n    .yt-count {\n      min-height: 30px;\n      padding: 5px 10px;\n      font-size: 12px;\n    }\n\n    .yt-grid {\n      grid-template-columns: 1fr;\n      gap: 11px;\n    }\n\n    .yt-card {\n      border-radius: 17px;\n    }\n\n    .yt-body {\n      padding: 12px;\n    }\n\n    .yt-card-title {\n      min-height: auto;\n      font-size: 15.5px;\n      line-height: 1.45;\n    }\n\n    .yt-excerpt {\n      min-height: auto;\n      font-size: 12.3px;\n      line-height: 1.55;\n    }\n\n    .yt-empty,\n    .yt-loading {\n      padding: 15px;\n      border-radius: 16px;\n    }\n\n    .yt-empty h3 {\n      font-size: 17px;\n    }\n\n    .yt-empty p {\n      font-size: 11.4px;\n      line-height: 1.62;\n      letter-spacing: -.03em;\n    }\n\n    .yt-footer {\n      grid-template-columns: 1fr;\n      gap: 8px;\n      padding: 12px;\n    }\n  }\n\n  \/* v2\uff1a\u5225\u9928\u4f5c\u54c1\u4e00\u89a7 \u30ec\u30a4\u30a2\u30a6\u30c8\u4fee\u6b63 *\/\n  .yt-works-page {\n    font-family: inherit !important;\n    padding-top: clamp(22px,3vw,44px) !important;\n  }\n\n  \/* \u4e0a\u90e8\u30d8\u30c3\u30c0\u30fc\u3092\u4f7f\u308f\u306a\u3044\u69cb\u6210\u306b\u5408\u308f\u305b\u3066\u3001\u30d2\u30fc\u30ed\u30fc\u3092\u5c11\u3057\u30b3\u30f3\u30d1\u30af\u30c8\u5316 *\/\n  .yt-hero {\n    margin-top: 0 !important;\n    padding: clamp(22px,3.2vw,38px) !important;\n  }\n\n  .yt-hero h2 {\n    letter-spacing: -.06em !important;\n  }\n\n  .yt-hero p {\n    max-width: 760px !important;\n    margin-top: 12px !important;\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n  }\n\n  .yt-main {\n    margin-top: 18px !important;\n    gap: 18px !important;\n  }\n\n  .yt-panel {\n    background: rgba(12,18,24,.92) !important;\n  }\n\n  .yt-side {\n    position: sticky !important;\n    top: 18px !important;\n  }\n\n  \/* \u4ffa\u5411\u3051\u8aac\u660e\u6587\u306f\u51fa\u3055\u306a\u3044 *\/\n  .yt-mini-note {\n    display: none !important;\n  }\n\n  \/* \u4e0b\u90e8\u30ea\u30f3\u30af\u306f\u300c\u3053\u306e\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066\u300d\u306a\u3069\u306e\u56fa\u5b9a\u30da\u30fc\u30b8\u3068\u540c\u3058\u7cfb\u7d71\u306b\u5bc4\u305b\u308b *\/\n  .yt-footer {\n    margin-top: 18px !important;\n    display: grid !important;\n    grid-template-columns: repeat(4,minmax(0,1fr)) !important;\n    gap: 12px !important;\n    border: 1px solid var(--yt-line) !important;\n    border-radius: 18px !important;\n    padding: 14px !important;\n    background: rgba(6,10,14,.78) !important;\n    box-shadow: 0 0 24px rgba(69,238,219,.07) !important;\n  }\n\n  .yt-footer a {\n    display: block !important;\n    padding: 12px !important;\n    border-radius: 14px !important;\n    background: rgba(255,255,255,.04) !important;\n    color: var(--yt-muted) !important;\n    font-family: inherit !important;\n    font-size: 13px !important;\n    line-height: 1.6 !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    border: 1px solid rgba(255,255,255,.06) !important;\n    letter-spacing: 0 !important;\n  }\n\n  .yt-footer strong {\n    display: block !important;\n    color: var(--yt-text) !important;\n    font-family: inherit !important;\n    font-size: 15px !important;\n    line-height: 1.35 !important;\n    font-weight: 800 !important;\n    margin-bottom: 5px !important;\n    letter-spacing: 0 !important;\n  }\n\n  .yt-footer a:hover {\n    color: var(--yt-cyan) !important;\n    border-color: var(--yt-cyan) !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-footer {\n      grid-template-columns: repeat(2,minmax(0,1fr)) !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-works-page {\n      padding: 14px 12px 18px !important;\n    }\n\n    .yt-hero {\n      padding: 16px !important;\n      border-radius: 17px !important;\n    }\n\n    .yt-hero h2 {\n      font-size: clamp(28px,8.2vw,35px) !important;\n      line-height: 1.08 !important;\n    }\n\n    .yt-hero p {\n      font-size: 12.2px !important;\n      line-height: 1.62 !important;\n    }\n\n    .yt-main {\n      margin-top: 12px !important;\n      gap: 12px !important;\n    }\n\n    .yt-side {\n      position: static !important;\n    }\n\n    .yt-footer {\n      grid-template-columns: 1fr !important;\n      gap: 8px !important;\n      padding: 12px !important;\n      border-radius: 17px !important;\n    }\n  }\n\n\n  \/* v3\uff1a\u30d2\u30fc\u30ed\u30fc\u53f3\u914d\u7f6e\u30fb\u691c\u7d22\u00d7\u30fb\u30d5\u30a3\u30eb\u30bf\u30fc\u7a2e\u985e\u30fb\u4e26\u3073\u66ff\u3048\u8abf\u6574 *\/\n  .yt-hero-inner {\n    display: grid !important;\n    grid-template-columns: minmax(0,1fr) auto !important;\n    gap: 20px !important;\n    align-items: center !important;\n  }\n\n  .yt-hero-copy {\n    min-width: 0 !important;\n  }\n\n  .yt-hero-side-actions {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    min-width: 190px !important;\n  }\n\n  .yt-hero-side-actions .yt-btn {\n    white-space: nowrap !important;\n  }\n\n  .yt-search-wrap {\n    position: relative !important;\n    min-width: 0 !important;\n  }\n\n  .yt-search-wrap .yt-input {\n    padding-right: 42px !important;\n  }\n\n  .yt-input::-webkit-search-cancel-button {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n  }\n\n  .yt-search-clear {\n    position: absolute !important;\n    top: 50% !important;\n    right: 10px !important;\n    width: 26px !important;\n    height: 26px !important;\n    transform: translateY(-50%) !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    color: #ffffff !important;\n    background: transparent !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 20px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    cursor: pointer !important;\n    opacity: .95 !important;\n  }\n\n  .yt-search-clear:hover {\n    color: var(--yt-cyan) !important;\n  }\n\n  .yt-filter-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3,minmax(0,1fr)) !important;\n    gap: 8px !important;\n  }\n\n  .yt-filter-btn {\n    min-height: 38px !important;\n    padding: 7px 5px !important;\n    border-radius: 13px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: rgba(255,255,255,.055) !important;\n    color: var(--yt-text) !important;\n    font-size: 11.5px !important;\n    line-height: 1.15 !important;\n    font-weight: 900 !important;\n    white-space: nowrap !important;\n    cursor: pointer !important;\n  }\n\n  .yt-filter-btn:hover,\n  .yt-filter-btn.is-active {\n    color: var(--yt-cyan) !important;\n    border-color: var(--yt-cyan) !important;\n    background: rgba(69,238,219,.10) !important;\n  }\n\n  .yt-modal {\n    position: fixed !important;\n    inset: 0 !important;\n    z-index: 9999 !important;\n    display: grid !important;\n    place-items: center !important;\n    padding: 18px !important;\n    background: rgba(0,0,0,.68) !important;\n    backdrop-filter: blur(4px) !important;\n  }\n\n  .yt-modal[hidden] {\n    display: none !important;\n  }\n\n  .yt-modal-card {\n    width: min(940px, 100%) !important;\n    max-height: min(78vh, 720px) !important;\n    overflow: auto !important;\n    border: 1px solid var(--yt-line) !important;\n    border-radius: 20px !important;\n    background: linear-gradient(135deg, rgba(12,18,24,.98), rgba(18,28,38,.96)) !important;\n    box-shadow: 0 0 38px rgba(69,238,219,.18) !important;\n  }\n\n  .yt-modal-head {\n    position: sticky !important;\n    top: 0 !important;\n    z-index: 2 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 12px !important;\n    padding: 14px 16px !important;\n    border-bottom: 1px solid var(--yt-line2) !important;\n    background: rgba(12,18,24,.98) !important;\n  }\n\n  .yt-modal-title {\n    margin: 0 !important;\n    color: var(--yt-text) !important;\n    font-size: 22px !important;\n    line-height: 1.3 !important;\n  }\n\n  .yt-modal-close {\n    width: 34px !important;\n    height: 34px !important;\n    border-radius: 999px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: rgba(255,255,255,.06) !important;\n    color: #ffffff !important;\n    font-size: 22px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    cursor: pointer !important;\n  }\n\n  .yt-modal-options {\n    display: grid !important;\n    grid-template-columns: repeat(4,minmax(0,1fr)) !important;\n    gap: 10px !important;\n    padding: 16px !important;\n  }\n\n  .yt-modal-option {\n    min-height: 46px !important;\n    border-radius: 14px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: rgba(255,255,255,.055) !important;\n    color: var(--yt-text) !important;\n    padding: 9px 12px !important;\n    font-size: 13px !important;\n    line-height: 1.3 !important;\n    font-weight: 850 !important;\n    text-align: left !important;\n    cursor: pointer !important;\n  }\n\n  .yt-modal-option:hover,\n  .yt-modal-option.is-active {\n    color: var(--yt-cyan) !important;\n    border-color: var(--yt-cyan) !important;\n    background: rgba(69,238,219,.10) !important;\n  }\n\n  .yt-modal-empty {\n    grid-column: 1 \/ -1 !important;\n    padding: 14px !important;\n    border: 1px dashed var(--yt-line2) !important;\n    border-radius: 14px !important;\n    color: var(--yt-muted) !important;\n    font-size: 13px !important;\n    line-height: 1.6 !important;\n  }\n\n  .yt-footer a,\n  .yt-footer strong {\n    font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Hiragino Sans\",\"Yu Gothic\",sans-serif !important;\n  }\n\n  .yt-footer a {\n    font-size: 12.5px !important;\n    font-weight: 650 !important;\n    letter-spacing: 0 !important;\n  }\n\n  .yt-footer strong {\n    font-size: 14px !important;\n    font-weight: 750 !important;\n    letter-spacing: 0 !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-hero-inner {\n      grid-template-columns: 1fr !important;\n      gap: 13px !important;\n    }\n\n    .yt-hero-side-actions {\n      min-width: 0 !important;\n      justify-content: flex-start !important;\n    }\n\n    .yt-modal-options {\n      grid-template-columns: repeat(3,minmax(0,1fr)) !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-filter-grid {\n      grid-template-columns: repeat(3,minmax(0,1fr)) !important;\n      gap: 7px !important;\n    }\n\n    .yt-filter-btn {\n      min-height: 36px !important;\n      padding: 6px 4px !important;\n      font-size: 10.8px !important;\n      letter-spacing: -.04em !important;\n    }\n\n    .yt-modal {\n      padding: 12px !important;\n    }\n\n    .yt-modal-options {\n      grid-template-columns: 1fr !important;\n      gap: 8px !important;\n      padding: 12px !important;\n    }\n\n    .yt-modal-title {\n      font-size: 19px !important;\n    }\n\n    .yt-hero-side-actions .yt-btn {\n      width: auto !important;\n      min-width: 150px !important;\n    }\n  }\n\n\n  \/* v5\uff1a\u30e2\u30fc\u30c0\u30eb\u6574\u7406\uff0b\u53f3\u5074\u3092\u623b\u308b\u30ab\u30fc\u30c9\u306b\u5909\u66f4 *\/\n  .yt-hero {\n    padding: clamp(24px,3.4vw,40px) !important;\n  }\n\n  .yt-hero-inner {\n    grid-template-columns: minmax(0,1fr) minmax(260px, 330px) !important;\n    align-items: stretch !important;\n  }\n\n  .yt-return-card {\n    display: grid !important;\n    align-content: center !important;\n    gap: 8px !important;\n    min-height: 150px !important;\n    padding: 18px !important;\n    border-radius: 18px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background:\n      radial-gradient(circle at 18% 12%, rgba(69,238,219,.14), transparent 38%),\n      linear-gradient(135deg, rgba(255,255,255,.055), rgba(69,238,219,.045)) !important;\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;\n  }\n\n  .yt-return-kicker {\n    margin: 0 !important;\n    color: var(--yt-cyan) !important;\n    font-size: 11px !important;\n    font-weight: 1000 !important;\n    line-height: 1 !important;\n    letter-spacing: .12em !important;\n  }\n\n  .yt-return-card strong {\n    display: block !important;\n    color: var(--yt-text) !important;\n    font-size: 21px !important;\n    line-height: 1.3 !important;\n    font-weight: 900 !important;\n  }\n\n  .yt-return-card span {\n    display: block !important;\n    color: var(--yt-muted) !important;\n    font-size: 12.5px !important;\n    line-height: 1.65 !important;\n    font-weight: 700 !important;\n  }\n\n  .yt-return-card .yt-btn {\n    width: fit-content !important;\n    min-height: 38px !important;\n    margin-top: 3px !important;\n    padding: 8px 14px !important;\n    font-size: 12.5px !important;\n  }\n\n  .yt-hero-side-actions {\n    display: none !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-hero-inner {\n      grid-template-columns: 1fr !important;\n      align-items: start !important;\n    }\n\n    .yt-return-card {\n      min-height: auto !important;\n      padding: 14px !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-return-card {\n      gap: 6px !important;\n      border-radius: 15px !important;\n    }\n\n    .yt-return-card strong {\n      font-size: 18px !important;\n    }\n\n    .yt-return-card span {\n      font-size: 11.5px !important;\n      line-height: 1.55 !important;\n    }\n\n    .yt-return-card .yt-btn {\n      width: auto !important;\n      min-width: 145px !important;\n      min-height: 36px !important;\n      font-size: 12px !important;\n    }\n  }\n\n\n  \/* v6\uff1a\u623b\u308b\u30ab\u30fc\u30c9\u5ec3\u6b62\uff0b\u4ef6\u6570\u3068\u4e26\u3073\u66ff\u3048\u4f4d\u7f6e\u3092\u6574\u7406 *\/\n  .yt-return-card,\n  .yt-return-kicker {\n    display: none !important;\n  }\n\n  .yt-hero {\n    padding: clamp(24px,3vw,36px) clamp(24px,3.8vw,46px) !important;\n  }\n\n  .yt-hero-inner {\n    display: grid !important;\n    grid-template-columns: minmax(0,1fr) auto !important;\n    gap: 18px !important;\n    align-items: center !important;\n  }\n\n  .yt-hero-copy {\n    min-width: 0 !important;\n  }\n\n  .yt-hero-side-actions {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    min-width: 180px !important;\n  }\n\n  .yt-hero-back {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 40px !important;\n    padding: 9px 15px !important;\n    border-radius: 999px !important;\n    border: 1px solid var(--yt-line2) !important;\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    text-decoration: none !important;\n    font-size: 12.5px !important;\n    line-height: 1 !important;\n    font-weight: 1000 !important;\n    white-space: nowrap !important;\n    box-shadow: 0 0 18px rgba(69,238,219,.10) !important;\n  }\n\n  .yt-hero-back:hover {\n    filter: brightness(1.06) !important;\n  }\n\n  .yt-results-head {\n    display: grid !important;\n    grid-template-columns: minmax(0,1fr) auto !important;\n    gap: 12px !important;\n    align-items: center !important;\n  }\n\n  .yt-results-title-wrap {\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    min-width: 0 !important;\n  }\n\n  .yt-results-title {\n    margin: 0 !important;\n    white-space: nowrap !important;\n  }\n\n  .yt-count {\n    flex: 0 0 auto !important;\n    min-width: 44px !important;\n    min-height: 30px !important;\n    padding: 5px 11px !important;\n  }\n\n  .yt-results-actions {\n    display: flex !important;\n    justify-content: flex-end !important;\n    min-width: 160px !important;\n  }\n\n  .yt-results-actions .yt-list-sort {\n    width: 180px !important;\n    min-height: 40px !important;\n    border-radius: 14px !important;\n    font-size: 13px !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-hero-inner {\n      grid-template-columns: 1fr !important;\n      align-items: start !important;\n    }\n\n    .yt-hero-side-actions {\n      min-width: 0 !important;\n      justify-content: flex-start !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-hero {\n      padding: 16px !important;\n    }\n\n    .yt-hero-side-actions {\n      margin-top: 2px !important;\n    }\n\n    .yt-hero-back {\n      min-height: 36px !important;\n      padding: 8px 13px !important;\n      font-size: 12px !important;\n    }\n\n    .yt-results-head {\n      grid-template-columns: 1fr !important;\n      gap: 9px !important;\n    }\n\n    .yt-results-title-wrap {\n      gap: 9px !important;\n    }\n\n    .yt-results-actions {\n      justify-content: flex-start !important;\n      min-width: 0 !important;\n      width: 100% !important;\n    }\n\n    .yt-results-actions .yt-list-sort {\n      width: 100% !important;\n      min-height: 42px !important;\n    }\n  }\n\n\n  \/* v7\uff1a\u8aac\u660e\u30d2\u30fc\u30ed\u30fc\u524a\u9664\uff0b\u521d\u671f\u30d8\u30c3\u30c0\u30fc\u5fa9\u5e30\uff0b\u30da\u30fc\u30b8\u756a\u53f7\u5e38\u6642\u8868\u793a *\/\n  .yt-works-page {\n    padding: clamp(34px,4vw,64px) clamp(14px,3vw,34px) clamp(18px,3vw,34px) !important;\n  }\n\n  .yt-header {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) auto !important;\n    gap: 18px !important;\n    align-items: center !important;\n    padding: 16px !important;\n    border: 1px solid var(--yt-line) !important;\n    border-radius: 22px !important;\n    background: var(--yt-card) !important;\n    box-shadow: var(--yt-shadow) !important;\n    margin: 0 0 18px !important;\n  }\n\n  .yt-brand {\n    display: flex !important;\n    align-items: center !important;\n    gap: 14px !important;\n    min-width: 0 !important;\n  }\n\n  .yt-logo {\n    flex: 0 0 62px !important;\n    width: 62px !important;\n    height: 62px !important;\n    border-radius: 16px !important;\n    overflow: hidden !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: var(--yt-panel2) !important;\n  }\n\n  .yt-logo img {\n    width: 100% !important;\n    height: 100% !important;\n    display: block !important;\n    object-fit: cover !important;\n  }\n\n  .yt-title {\n    margin: 0 !important;\n    color: var(--yt-text) !important;\n    font-family: \"Mushin\",\"\u7121\u5fc3\",\"MODI_mushin\",\"Yomogi\",\"Hiragino Maru Gothic ProN\",\"Yu Gothic\",system-ui,sans-serif !important;\n    font-size: clamp(28px,3vw,42px) !important;\n    line-height: 1.05 !important;\n    letter-spacing: -.06em !important;\n    white-space: nowrap !important;\n  }\n\n  .yt-title span {\n    color: var(--yt-cyan) !important;\n  }\n\n  .yt-tagline {\n    margin: 6px 0 0 !important;\n    color: var(--yt-muted) !important;\n    font-size: 13px !important;\n    line-height: 1.5 !important;\n    font-weight: 700 !important;\n  }\n\n  .yt-nav {\n    display: flex !important;\n    justify-content: flex-end !important;\n    flex-wrap: wrap !important;\n    gap: 9px !important;\n  }\n\n  .yt-nav a {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 38px !important;\n    padding: 8px 13px !important;\n    border-radius: 999px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: rgba(255,255,255,.06) !important;\n    color: var(--yt-text) !important;\n    text-decoration: none !important;\n    font-size: 12.5px !important;\n    font-weight: 900 !important;\n    white-space: nowrap !important;\n  }\n\n  .yt-nav a:hover {\n    color: var(--yt-cyan) !important;\n    border-color: var(--yt-cyan) !important;\n  }\n\n  .yt-nav .yt-other {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    border-color: rgba(69,238,219,.76) !important;\n  }\n\n  .yt-main {\n    margin-top: 0 !important;\n  }\n\n  .yt-hero,\n  .yt-hero-inner,\n  .yt-hero-copy,\n  .yt-hero-side-actions,\n  .yt-return-card,\n  .yt-return-kicker,\n  .yt-hero-back {\n    display: none !important;\n  }\n\n  .yt-pagination {\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 8px !important;\n    margin-top: 18px !important;\n    min-height: 42px !important;\n  }\n\n  .yt-page-btn {\n    min-width: 40px !important;\n    min-height: 40px !important;\n    border-radius: 13px !important;\n  }\n\n  .yt-footer {\n    position: relative !important;\n    clear: both !important;\n    margin-top: 22px !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-header {\n      grid-template-columns: 1fr !important;\n      gap: 10px !important;\n    }\n\n    .yt-logo {\n      flex-basis: 48px !important;\n      width: 48px !important;\n      height: 48px !important;\n      border-radius: 12px !important;\n    }\n\n    .yt-title {\n      font-size: clamp(23px,5.8vw,30px) !important;\n      letter-spacing: -.09em !important;\n    }\n\n    .yt-tagline {\n      font-size: 11px !important;\n    }\n\n    .yt-nav {\n      display: grid !important;\n      grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n      width: 100% !important;\n    }\n\n    .yt-nav a {\n      min-height: 36px !important;\n      font-size: 11.5px !important;\n      padding: 7px 8px !important;\n    }\n\n    .yt-nav .yt-other {\n      grid-column: span 2 !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-works-page {\n      padding: 14px 12px 18px !important;\n    }\n\n    .yt-header {\n      padding: 14px !important;\n      border-radius: 17px !important;\n      margin-bottom: 12px !important;\n    }\n\n    .yt-brand {\n      gap: 10px !important;\n    }\n\n    .yt-title {\n      font-size: clamp(22px,6vw,28px) !important;\n      line-height: 1.12 !important;\n      letter-spacing: -.1em !important;\n      white-space: nowrap !important;\n    }\n\n    .yt-results-head {\n      gap: 8px !important;\n    }\n\n    .yt-pagination {\n      margin-top: 14px !important;\n    }\n\n    .yt-page-btn {\n      min-width: 38px !important;\n      min-height: 38px !important;\n    }\n  }\n\n\n  \/* v8\uff1a\u30d8\u30c3\u30c0\u30fc\u53f3\u30ea\u30f3\u30af\u30921\u3064\u306b\u6574\u7406\uff0b18\u4ef6\u8868\u793a *\/\n  .yt-header {\n    grid-template-columns: minmax(0,1fr) auto !important;\n  }\n\n  .yt-nav {\n    display: flex !important;\n    justify-content: flex-end !important;\n    align-items: center !important;\n    gap: 0 !important;\n  }\n\n  .yt-nav a:not(.yt-other) {\n    display: none !important;\n  }\n\n  .yt-nav .yt-other {\n    min-width: 150px !important;\n    min-height: 40px !important;\n    padding: 9px 16px !important;\n    font-size: 12.5px !important;\n  }\n\n  .yt-tagline {\n    letter-spacing: 0 !important;\n  }\n\n  .yt-grid {\n    align-items: stretch !important;\n  }\n\n  .yt-card {\n    height: 100% !important;\n  }\n\n  .yt-footer {\n    margin-top: 24px !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-nav {\n      display: flex !important;\n      width: 100% !important;\n      justify-content: flex-start !important;\n    }\n\n    .yt-nav .yt-other {\n      min-width: 160px !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-nav .yt-other {\n      width: 100% !important;\n      min-width: 0 !important;\n      min-height: 38px !important;\n    }\n  }\n\n\n  \/* v9\uff1aPC\u8868\u793a\u3067\u300c\u4f5c\u54c1\u4e00\u89a7\u300d\u3092\u5de6\u3001\u300c\u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f\u300d\u3092\u53f3\u3078\u5165\u308c\u66ff\u3048 *\/\n  @media (min-width: 1181px) {\n    .yt-main {\n      grid-template-columns: minmax(0,1fr) minmax(0,320px) !important;\n      align-items: start !important;\n    }\n\n    .yt-main > .yt-panel:not(.yt-side) {\n      grid-column: 1 !important;\n      grid-row: 1 !important;\n    }\n\n    .yt-side {\n      grid-column: 2 !important;\n      grid-row: 1 !important;\n      position: sticky !important;\n      top: 18px !important;\n    }\n  }\n\n  \/* 1\u30ab\u30e9\u30e0\u6642\u3082\u3001\u4f5c\u54c1\u4e00\u89a7 \u2192 \u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f \u306e\u9806\u306b\u3059\u308b *\/\n  @media (max-width: 1180px) {\n    .yt-main {\n      grid-template-columns: 1fr !important;\n    }\n\n    .yt-main > .yt-panel:not(.yt-side) {\n      grid-column: 1 !important;\n      grid-row: 1 !important;\n    }\n\n    .yt-side {\n      grid-column: 1 !important;\n      grid-row: 2 !important;\n      position: static !important;\n    }\n  }\n\n\n  \/* v10\uff1a\u4e0b\u90e8\u30ea\u30f3\u30af\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u5225\u9928\u30c8\u30c3\u30d7\u5bc4\u305b\u306b\u8abf\u6574 *\/\n  .yt-footer {\n    margin-top: 20px !important;\n    display: grid !important;\n    grid-template-columns: repeat(4,minmax(0,1fr)) !important;\n    gap: 12px !important;\n    border: 1px solid var(--yt-line) !important;\n    border-radius: 20px !important;\n    padding: 14px !important;\n    background: rgba(6,10,14,.78) !important;\n    box-shadow: 0 0 28px rgba(69,238,219,.08) !important;\n  }\n\n  .yt-footer a {\n    display: block !important;\n    padding: 12px !important;\n    border-radius: 15px !important;\n    background: rgba(255,255,255,.04) !important;\n    color: var(--yt-muted) !important;\n    font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif !important;\n    font-size: 13px !important;\n    line-height: 1.6 !important;\n    font-weight: 400 !important;\n    text-decoration: none !important;\n    border: 1px solid rgba(255,255,255,.06) !important;\n    letter-spacing: 0 !important;\n  }\n\n  .yt-footer strong {\n    display: block !important;\n    color: var(--yt-text) !important;\n    font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif !important;\n    font-size: 15px !important;\n    line-height: 1.35 !important;\n    font-weight: 700 !important;\n    margin-bottom: 5px !important;\n    letter-spacing: 0 !important;\n  }\n\n  @media (max-width: 900px) {\n    .yt-footer {\n      grid-template-columns: repeat(2,minmax(0,1fr)) !important;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .yt-footer {\n      grid-template-columns: 1fr !important;\n      gap: 8px !important;\n      padding: 12px !important;\n    }\n  }\n\n\n  \/* v12\uff1a\u4f5c\u54c1\u4e00\u89a7\u5185\u3067\u30bb\u30fc\u30eb\u7d5e\u308a\u8fbc\u307f\uff0bURL ?tag=sale \u5bfe\u5fdc *\/\n  .yt-sale-filter-btn {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    border-color: rgba(69,238,219,.82) !important;\n  }\n\n  .yt-sale-filter-btn.is-active {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #ffd166, #45eedb) !important;\n    box-shadow: 0 0 18px rgba(69,238,219,.18) !important;\n  }\n\n  .yt-sale-filter-btn::before {\n    content: \"SALE\";\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 16px;\n    margin-right: 5px;\n    padding: 2px 5px;\n    border-radius: 999px;\n    color: #061018;\n    background: rgba(255,255,255,.55);\n    font-size: 9px;\n    line-height: 1;\n    font-weight: 1000;\n  }\n\n  @media (max-width: 640px) {\n    .yt-sale-filter-btn::before {\n      display: none;\n    }\n  }\n\n\n  \/* v14\uff1a\u7d5e\u308a\u8fbc\u307fON\/OFF\u8868\u793a\u3092\u7d71\u4e00 *\/\n  .yt-sale-filter-btn {\n    color: var(--yt-text) !important;\n    background: rgba(255,255,255,.055) !important;\n    border-color: var(--yt-line2) !important;\n    box-shadow: none !important;\n  }\n\n  .yt-sale-filter-btn::before {\n    display: none !important;\n  }\n\n  .yt-filter-btn.is-active,\n  .yt-sale-filter-btn.is-active {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    border-color: rgba(69,238,219,.9) !important;\n    box-shadow: 0 0 18px rgba(69,238,219,.20) !important;\n  }\n\n  .yt-filter-btn.is-active:hover,\n  .yt-sale-filter-btn.is-active:hover {\n    color: #061018 !important;\n    filter: brightness(1.05) !important;\n  }\n\n  .yt-modal-option.is-active {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    border-color: rgba(69,238,219,.9) !important;\n    box-shadow: 0 0 18px rgba(69,238,219,.18) !important;\n  }\n\n\n  \/* v16\uff1a\u30bb\u30fc\u30eb\u671f\u9650\u304c\u8fd1\u3044\u9806\u3092\u8ffd\u52a0 *\/\n  .yt-list-sort option[value=\"sale-end\"] {\n    font-weight: 900;\n  }\n\n\n  \/* v18\uff1a\u5225\u9928\u30c8\u30c3\u30d7\u3068\u540c\u3058\u900f\u660e\u611f\u306ehover\u3078\u4fee\u6b63 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .yt-nav a,\n    .yt-filter-btn,\n    .yt-sale-filter-btn,\n    .yt-search-clear,\n    .yt-modal-close,\n    .yt-modal-option,\n    .yt-page-btn,\n    .yt-footer a {\n      transition:\n        color .18s ease,\n        background .18s ease,\n        border-color .18s ease,\n        box-shadow .18s ease,\n        filter .18s ease !important;\n    }\n\n    \/* \u901a\u5e38\u30dc\u30bf\u30f3\uff1ahover\u3067\u900f\u3051\u611f\uff0b\u6c34\u8272\u6587\u5b57 *\/\n    .yt-nav a:hover:not(.yt-other),\n    .yt-filter-btn:hover:not(.is-active),\n    .yt-sale-filter-btn:hover:not(.is-active),\n    .yt-search-clear:hover,\n    .yt-modal-close:hover,\n    .yt-modal-option:hover:not(.is-active),\n    .yt-page-btn:hover:not(.is-active),\n    .yt-footer a:hover {\n      color: var(--yt-cyan) !important;\n      border-color: rgba(69,238,219,.92) !important;\n      background:\n        radial-gradient(circle at 20% 20%, rgba(69,238,219,.14), transparent 38%),\n        rgba(255,255,255,.045) !important;\n      box-shadow:\n        0 0 0 1px rgba(69,238,219,.10),\n        0 0 18px rgba(69,238,219,.18) !important;\n      filter: brightness(1.04) !important;\n    }\n\n    \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u7cfb\u30dc\u30bf\u30f3\uff1ahover\u3067\u9ed2\u3063\u307d\u3044\u900f\u660e\u80cc\u666f\uff0b\u6c34\u8272\u6587\u5b57 *\/\n    .yt-nav .yt-other:hover {\n      color: var(--yt-cyan) !important;\n      background:\n        radial-gradient(circle at 18% 20%, rgba(69,238,219,.18), transparent 36%),\n        linear-gradient(135deg, rgba(15,38,52,.72), rgba(8,14,21,.76)) !important;\n      border-color: rgba(69,238,219,.95) !important;\n      box-shadow:\n        0 0 0 1px rgba(69,238,219,.12),\n        0 0 22px rgba(69,238,219,.22) !important;\n    }\n\n    \/* ON\u72b6\u614b\u306f\u6c34\u8272ON\u8868\u793a\u3092\u7dad\u6301 *\/\n    .yt-filter-btn.is-active:hover,\n    .yt-sale-filter-btn.is-active:hover,\n    .yt-modal-option.is-active:hover,\n    .yt-page-btn.is-active:hover {\n      color: #061018 !important;\n      background: linear-gradient(90deg, var(--yt-cyan), var(--yt-blue)) !important;\n      border-color: rgba(69,238,219,.95) !important;\n      box-shadow:\n        0 0 0 1px rgba(69,238,219,.10),\n        0 0 18px rgba(69,238,219,.20) !important;\n      filter: brightness(1.05) !important;\n    }\n\n    .yt-footer a:hover strong {\n      color: var(--yt-cyan) !important;\n    }\n  }\n\n\n  \/* v19\uff1a\u5225\u9928\u30c8\u30c3\u30d7\u304b\u3089\u306e\u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307fURL\u306b\u5bfe\u5fdc\n     q=\u30ad\u30fc\u30ef\u30fc\u30c9\uff1a\u691c\u7d22\u6b04\u3078\u53cd\u6620\n     open=type\/circle\/creator...\uff1a\u8a72\u5f53\u306e\u7d5e\u308a\u8fbc\u307f\u30e2\u30fc\u30c0\u30eb\u3092\u958b\u304f\n  *\/\n\n\n  \/* v20\uff1a\u691c\u7d22\u3057\u305f\u6642\u306b\u76ee\u3067\u5206\u304b\u308b\u53cd\u5fdc\u3092\u8ffd\u52a0 *\/\n  @keyframes yt-search-flash {\n    0% {\n      transform: translateY(0);\n      box-shadow:\n        0 0 0 1px rgba(69,238,219,.06),\n        0 0 0 rgba(69,238,219,0);\n      filter: brightness(1);\n    }\n    35% {\n      transform: translateY(-2px);\n      box-shadow:\n        0 0 0 1px rgba(69,238,219,.18),\n        0 0 24px rgba(69,238,219,.22);\n      filter: brightness(1.08);\n    }\n    100% {\n      transform: translateY(0);\n      box-shadow:\n        0 0 0 1px rgba(69,238,219,.06),\n        0 0 0 rgba(69,238,219,0);\n      filter: brightness(1);\n    }\n  }\n\n  @keyframes yt-search-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .yt-input.is-searching {\n    border-color: rgba(69,238,219,.92) !important;\n    box-shadow:\n      0 0 0 1px rgba(69,238,219,.12),\n      0 0 18px rgba(69,238,219,.18) !important;\n  }\n\n  .yt-count.is-searching {\n    color: #061018 !important;\n    background: linear-gradient(90deg, var(--yt-cyan), var(--yt-blue)) !important;\n    border-color: rgba(69,238,219,.92) !important;\n    animation: yt-search-flash .55s ease both !important;\n  }\n\n  .yt-search-loading {\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    min-height: 100px !important;\n    border-color: rgba(69,238,219,.75) !important;\n    background:\n      radial-gradient(circle at 18% 20%, rgba(69,238,219,.14), transparent 36%),\n      rgba(255,255,255,.055) !important;\n    animation: yt-search-flash .55s ease both !important;\n  }\n\n  .yt-search-spinner {\n    flex: 0 0 auto !important;\n    width: 26px !important;\n    height: 26px !important;\n    border-radius: 999px !important;\n    border: 3px solid rgba(69,238,219,.22) !important;\n    border-top-color: var(--yt-cyan) !important;\n    animation: yt-search-spin .75s linear infinite !important;\n  }\n\n  .yt-search-loading-main {\n    display: block !important;\n    color: var(--yt-text) !important;\n    font-size: 16px !important;\n    line-height: 1.35 !important;\n    font-weight: 1000 !important;\n  }\n\n  .yt-search-loading-sub {\n    display: block !important;\n    margin-top: 4px !important;\n    color: var(--yt-soft) !important;\n    font-size: 12.5px !important;\n    line-height: 1.5 !important;\n    font-weight: 800 !important;\n  }\n\n  .yt-empty.is-search-feedback {\n    border-color: rgba(69,238,219,.78) !important;\n    background:\n      radial-gradient(circle at 16% 18%, rgba(69,238,219,.12), transparent 36%),\n      rgba(255,255,255,.055) !important;\n    animation: yt-search-flash .62s ease both !important;\n  }\n\n  .yt-search-word {\n    color: var(--yt-cyan) !important;\n    font-weight: 1000 !important;\n  }\n\n  @media (max-width: 640px) {\n    .yt-search-loading {\n      min-height: 88px !important;\n      padding: 15px !important;\n    }\n\n    .yt-search-loading-main {\n      font-size: 14.5px !important;\n    }\n\n    .yt-search-loading-sub {\n      font-size: 12px !important;\n    }\n  }\n\n\n  \/* v21\uff1a\u691c\u7d22\u53cd\u5fdc\u306f1\u6587\u5b57\u3054\u3068\u3067\u306f\u306a\u304f\u3001\u691c\u7d22\u30dc\u30bf\u30f3\u30fbEnter\u30fb\u00d7\u30af\u30ea\u30c3\u30af\u6642\u3060\u3051 *\/\n  .yt-search-row {\n    display: grid !important;\n    grid-template-columns: minmax(0,1fr) auto !important;\n    gap: 8px !important;\n    align-items: center !important;\n  }\n\n  .yt-search-submit {\n    min-width: 58px !important;\n    min-height: 40px !important;\n    padding: 8px 12px !important;\n    border-radius: 13px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: rgba(255,255,255,.055) !important;\n    color: var(--yt-text) !important;\n    font-size: 12px !important;\n    line-height: 1 !important;\n    font-weight: 1000 !important;\n    cursor: pointer !important;\n    white-space: nowrap !important;\n    transition:\n      color .18s ease,\n      background .18s ease,\n      border-color .18s ease,\n      box-shadow .18s ease,\n      filter .18s ease !important;\n  }\n\n  .yt-search-submit:hover {\n    color: var(--yt-cyan) !important;\n    border-color: rgba(69,238,219,.92) !important;\n    background:\n      radial-gradient(circle at 20% 20%, rgba(69,238,219,.14), transparent 38%),\n      rgba(255,255,255,.045) !important;\n    box-shadow:\n      0 0 0 1px rgba(69,238,219,.10),\n      0 0 18px rgba(69,238,219,.18) !important;\n    filter: brightness(1.04) !important;\n  }\n\n  @media (max-width: 640px) {\n    .yt-search-row {\n      grid-template-columns: 1fr !important;\n    }\n\n    .yt-search-submit {\n      width: 100% !important;\n      min-height: 38px !important;\n    }\n  }\n\n\n  \/* v22\uff1a\u30c8\u30c3\u30d7\u306e\u7d5e\u308a\u8fbc\u307f\u9805\u76ee\u9078\u629eURL\u306b\u5bfe\u5fdc *\/\n\n\n  \/* honkan v3\uff1a\u672c\u9928\u4f5c\u54c1\u4e00\u89a7URL\u78ba\u8a8d\u7248\n     \u4f5c\u54c1\u4e00\u89a7URL\uff1ahttps:\/\/shuminotamariba.com\/index.php\/honkan-works\/\n     \u30bb\u30fc\u30ebURL\uff1ahttps:\/\/shuminotamariba.com\/index.php\/honkan-works\/?tag=sale&sort=sale-end\n  *\/\n\n  \/* honkan v2\uff1a\u672c\u9928\u30e9\u30a4\u30c8\u30c6\u30fc\u30de\uff0b\u4f5c\u54c1\u4e00\u89a7\u5b8c\u6210\u7248\u306e\u6a5f\u80fd *\/\n  body,\n  .wp-site-blocks,\n  main.wp-block-group,\n  .wp-block-post-content {\n    background: #f7fcff !important;\n  }\n\n  .yt-honkan-works {\n    --yt-bg: #f7fcff !important;\n    --yt-bg2: #edf9ff !important;\n    --yt-panel: rgba(255,255,255,.92) !important;\n    --yt-panel2: rgba(255,255,255,.82) !important;\n    --yt-text: #143044 !important;\n    --yt-muted: #526f80 !important;\n    --yt-soft: #38576a !important;\n    --yt-cyan: #078fa0 !important;\n    --yt-blue: #2aa8ff !important;\n    --yt-red: #e84f6d !important;\n    --yt-line: rgba(24,200,216,.55) !important;\n    --yt-line2: rgba(24,150,180,.24) !important;\n    --yt-card: linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,252,255,.92)) !important;\n    --yt-shadow: 0 10px 30px rgba(24,120,160,.08) !important;\n    --yt-chip-bg: rgba(7,143,160,.10) !important;\n    --yt-chip-text: #078fa0 !important;\n    background:\n      radial-gradient(circle at 18% 0%, rgba(24,200,216,.13), transparent 30%),\n      radial-gradient(circle at 92% 18%, rgba(42,168,255,.12), transparent 32%),\n      linear-gradient(180deg,#f7fcff 0%,#edf9ff 55%,#f7fcff 100%) !important;\n  }\n\n  .yt-honkan-works .yt-header,\n  .yt-honkan-works .yt-panel,\n  .yt-honkan-works .yt-footer,\n  .yt-honkan-works .yt-modal-card {\n    background: rgba(255,255,255,.92) !important;\n    border-color: rgba(24,200,216,.50) !important;\n    box-shadow: 0 10px 30px rgba(24,120,160,.08) !important;\n  }\n\n  .yt-honkan-works .yt-nav a,\n  .yt-honkan-works .yt-filter-btn,\n  .yt-honkan-works .yt-sale-filter-btn,\n  .yt-honkan-works .yt-search-submit,\n  .yt-honkan-works .yt-input,\n  .yt-honkan-works .yt-select,\n  .yt-honkan-works .yt-modal-option,\n  .yt-honkan-works .yt-page-btn {\n    background: rgba(255,255,255,.74) !important;\n    color: #143044 !important;\n    border-color: rgba(24,150,180,.28) !important;\n  }\n\n  .yt-honkan-works .yt-card {\n    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(242,251,255,.92)) !important;\n    border-color: rgba(24,150,180,.22) !important;\n    box-shadow: 0 8px 22px rgba(24,120,160,.08) !important;\n  }\n\n  .yt-honkan-works .yt-card:hover,\n  .yt-honkan-works .yt-nav a:hover,\n  .yt-honkan-works .yt-filter-btn:hover:not(.is-active),\n  .yt-honkan-works .yt-sale-filter-btn:hover:not(.is-active),\n  .yt-honkan-works .yt-search-submit:hover,\n  .yt-honkan-works .yt-modal-option:hover:not(.is-active),\n  .yt-honkan-works .yt-page-btn:hover:not(.is-active),\n  .yt-honkan-works .yt-footer a:hover {\n    color: var(--yt-cyan) !important;\n    border-color: rgba(24,200,216,.82) !important;\n    background:\n      radial-gradient(circle at 20% 20%, rgba(24,200,216,.13), transparent 38%),\n      rgba(255,255,255,.82) !important;\n    box-shadow:\n      0 0 0 1px rgba(24,200,216,.10),\n      0 0 18px rgba(24,200,216,.16) !important;\n    filter: brightness(1.03) !important;\n  }\n\n  .yt-honkan-works .yt-filter-btn.is-active,\n  .yt-honkan-works .yt-sale-filter-btn.is-active,\n  .yt-honkan-works .yt-modal-option.is-active,\n  .yt-honkan-works .yt-page-btn.is-active,\n  .yt-honkan-works .yt-count.is-searching {\n    color: #ffffff !important;\n    background: linear-gradient(90deg, #078fa0, #2aa8ff) !important;\n    border-color: rgba(24,200,216,.9) !important;\n  }\n\n  .yt-honkan-works .yt-search-loading,\n  .yt-honkan-works .yt-empty.is-search-feedback {\n    background:\n      radial-gradient(circle at 16% 18%, rgba(24,200,216,.11), transparent 36%),\n      rgba(255,255,255,.82) !important;\n    border-color: rgba(24,200,216,.62) !important;\n  }\n\n  .yt-honkan-works .yt-footer a strong {\n    color: #143044 !important;\n  }\n\n  .yt-honkan-works .yt-footer a {\n    color: #526f80 !important;\n  }\n\n\n  \/* honkan v4\uff1a\u30e2\u30fc\u30c0\u30eb\u304c\u5225\u9928\u98a8\u306b\u898b\u3048\u3066\u3044\u305f\u90e8\u5206\u3092\u672c\u9928\u30e9\u30a4\u30c8\u8868\u793a\u3078\u4fee\u6b63 *\/\n  .yt-honkan-works .yt-modal {\n    background: rgba(20,48,68,.28) !important;\n    backdrop-filter: blur(5px) saturate(1.05) !important;\n  }\n\n  .yt-honkan-works .yt-modal-card {\n    border: 1px solid rgba(24,200,216,.58) !important;\n    background:\n      radial-gradient(circle at 12% 0%, rgba(24,200,216,.12), transparent 34%),\n      linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,251,255,.96)) !important;\n    box-shadow:\n      0 18px 45px rgba(24,120,160,.15),\n      0 0 0 1px rgba(24,200,216,.12) !important;\n  }\n\n  .yt-honkan-works .yt-modal-head {\n    border-bottom: 1px solid rgba(24,150,180,.24) !important;\n    background:\n      radial-gradient(circle at 12% 20%, rgba(24,200,216,.13), transparent 34%),\n      linear-gradient(135deg, rgba(246,253,255,.98), rgba(232,248,255,.96)) !important;\n  }\n\n  .yt-honkan-works .yt-modal-title {\n    color: #143044 !important;\n    text-shadow: none !important;\n  }\n\n  .yt-honkan-works .yt-modal-close {\n    color: #143044 !important;\n    background: rgba(255,255,255,.78) !important;\n    border-color: rgba(24,150,180,.30) !important;\n    box-shadow: 0 6px 16px rgba(24,120,160,.10) !important;\n  }\n\n  .yt-honkan-works .yt-modal-close:hover {\n    color: #ffffff !important;\n    background: linear-gradient(90deg, #078fa0, #2aa8ff) !important;\n    border-color: rgba(24,200,216,.90) !important;\n    box-shadow: 0 0 18px rgba(24,200,216,.18) !important;\n  }\n\n  .yt-honkan-works .yt-modal-options {\n    background: rgba(255,255,255,.42) !important;\n  }\n\n  .yt-honkan-works .yt-modal-empty {\n    color: #526f80 !important;\n    background: rgba(255,255,255,.74) !important;\n    border-color: rgba(24,200,216,.40) !important;\n  }\n\n  .yt-honkan-works .yt-modal-option {\n    color: #143044 !important;\n    background: rgba(255,255,255,.78) !important;\n    border-color: rgba(24,150,180,.28) !important;\n  }\n\n  .yt-honkan-works .yt-modal-option:hover,\n  .yt-honkan-works .yt-modal-option.is-active {\n    color: #ffffff !important;\n    background: linear-gradient(90deg, #078fa0, #2aa8ff) !important;\n    border-color: rgba(24,200,216,.9) !important;\n  }\n\n\n  \/* honkan works v5\uff1a\u672c\u9928\u30bf\u30b0\u4e00\u89a7URL\u8ffd\u52a0\uff0b\u898b\u51fa\u3057\u30d5\u30a9\u30f3\u30c8\u8abf\u6574 *\/\n  .yt-works-page .yt-section-title,\n  .yt-works-page .yt-panel-title,\n  .yt-works-page .yt-results-title,\n  .yt-works-page .yt-side-title,\n  .yt-works-page h2.yt-section-title,\n  .yt-works-page h2,\n  .yt-works-page h3 {\n    font-family: \"Yuji Boku\",\"Yomogi\",\"Hiragino Mincho ProN\",\"Yu Mincho\",serif !important;\n    font-weight: 700 !important;\n    letter-spacing: -.03em !important;\n  }\n\n  .yt-works-page .yt-section-title,\n  .yt-works-page .yt-results-title {\n    font-size: clamp(27px,3vw,38px) !important;\n    line-height: 1.2 !important;\n  }\n\n  .yt-works-page .yt-panel-title {\n    font-size: clamp(24px,2.4vw,32px) !important;\n    line-height: 1.2 !important;\n  }\n\n  .yt-works-page .yt-filter-tags-link {\n    grid-column: 1 \/ -1 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 100% !important;\n    min-height: 40px !important;\n    padding: 9px 12px !important;\n    border-radius: 14px !important;\n    border: 1px solid var(--yt-line) !important;\n    color: #061018 !important;\n    background: linear-gradient(90deg,var(--yt-cyan),var(--yt-blue)) !important;\n    text-decoration: none !important;\n    font-size: 12.5px !important;\n    line-height: 1.2 !important;\n    font-weight: 1000 !important;\n    white-space: nowrap !important;\n    transition:\n      color .18s ease,\n      background .18s ease,\n      border-color .18s ease,\n      box-shadow .18s ease,\n      filter .18s ease !important;\n  }\n\n  .yt-works-page .yt-filter-tags-link:hover {\n    color: var(--yt-cyan) !important;\n    background:\n      radial-gradient(circle at 18% 20%, rgba(69,238,219,.18), transparent 36%),\n      rgba(255,255,255,.045) !important;\n    border-color: rgba(69,238,219,.95) !important;\n    box-shadow:\n      0 0 0 1px rgba(69,238,219,.12),\n      0 0 22px rgba(69,238,219,.22) !important;\n    filter: brightness(1.04) !important;\n  }\n\n\n  \/* honkan light fix\uff1a\u672c\u9928\u306f\u767d\u80cc\u666f\u3067\u7d71\u4e00 *\/\n  body,\n  .wp-site-blocks,\n  main.wp-block-group,\n  .wp-block-post-content {\n    background: #f7fcff !important;\n  }\n\n  .yt-works-page {\n    --yt-bg: #f7fcff !important;\n    --yt-bg2: #edf9ff !important;\n    --yt-panel: rgba(255,255,255,.94) !important;\n    --yt-panel2: rgba(239,252,255,.88) !important;\n    --yt-text: #143044 !important;\n    --yt-muted: #4d6a7c !important;\n    --yt-soft: #38576a !important;\n    --yt-cyan: #00a8c8 !important;\n    --yt-blue: #38a8ff !important;\n    --yt-red: #e83f5f !important;\n    --yt-line: rgba(24,200,216,.56) !important;\n    --yt-line2: rgba(24,200,216,.24) !important;\n    --yt-card: linear-gradient(135deg, rgba(255,255,255,.97), rgba(239,252,255,.92)) !important;\n    --yt-shadow: 0 12px 28px rgba(24,120,150,.10) !important;\n    --yt-chip-bg: rgba(24,200,216,.12) !important;\n    --yt-chip-text: #008ca8 !important;\n    color: var(--yt-text) !important;\n    background:\n      radial-gradient(circle at 18% 0%, rgba(69,238,219,.16), transparent 30%),\n      radial-gradient(circle at 92% 18%, rgba(56,168,255,.15), transparent 32%),\n      linear-gradient(180deg,var(--yt-bg) 0%,var(--yt-bg2) 55%,var(--yt-bg) 100%) !important;\n  }\n\n  .yt-works-page .yt-header,\n  .yt-works-page .yt-panel,\n  .yt-works-page .yt-tag-group,\n  .yt-works-page .yt-footer,\n  .yt-works-page .yt-card,\n  .yt-works-page .yt-result-card {\n    background: var(--yt-card) !important;\n    color: var(--yt-text) !important;\n  }\n\n  .yt-works-page .yt-title,\n  .yt-works-page .yt-section-title,\n  .yt-works-page .yt-panel-title,\n  .yt-works-page .yt-results-title,\n  .yt-works-page .yt-tag-group-title,\n  .yt-works-page h2,\n  .yt-works-page h3 {\n    color: var(--yt-text) !important;\n  }\n\n  .yt-works-page .yt-tagline,\n  .yt-works-page .yt-muted,\n  .yt-works-page .yt-empty,\n  .yt-works-page .yt-loading {\n    color: var(--yt-muted) !important;\n  }\n\n  .yt-works-page .yt-input,\n  .yt-works-page .yt-select,\n  .yt-works-page input,\n  .yt-works-page select {\n    background: rgba(255,255,255,.88) !important;\n    color: var(--yt-text) !important;\n    border-color: var(--yt-line2) !important;\n  }\n\n  .yt-works-page .yt-filter-btn,\n  .yt-works-page .yt-page-btn,\n  .yt-works-page .yt-modal-option,\n  .yt-works-page .yt-footer a,\n  .yt-works-page .yt-nav a:not(.yt-other) {\n    background: rgba(255,255,255,.72) !important;\n    color: var(--yt-text) !important;\n    border-color: var(--yt-line2) !important;\n  }\n\n  .yt-works-page .yt-filter-btn:hover,\n  .yt-works-page .yt-page-btn:hover,\n  .yt-works-page .yt-modal-option:hover,\n  .yt-works-page .yt-footer a:hover,\n  .yt-works-page .yt-nav a:not(.yt-other):hover {\n    color: var(--yt-cyan) !important;\n    background:\n      radial-gradient(circle at 18% 20%, rgba(69,238,219,.18), transparent 36%),\n      rgba(255,255,255,.86) !important;\n    border-color: rgba(24,200,216,.80) !important;\n    box-shadow:\n      0 0 0 1px rgba(24,200,216,.12),\n      0 0 22px rgba(24,200,216,.18) !important;\n  }\n\n  .yt-works-page .yt-nav .yt-other {\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    border-color: rgba(24,200,216,.60) !important;\n  }\n\n  .yt-works-page .yt-nav .yt-other:hover {\n    color: var(--yt-cyan) !important;\n    background:\n      radial-gradient(circle at 18% 20%, rgba(69,238,219,.20), transparent 36%),\n      rgba(255,255,255,.86) !important;\n    border-color: rgba(24,200,216,.80) !important;\n    box-shadow:\n      0 0 0 1px rgba(24,200,216,.12),\n      0 0 22px rgba(24,200,216,.18) !important;\n  }\n\n\n  \/* honkan works v6\uff1a\u30bf\u30b0\u4e00\u89a7\u3078\u30dc\u30bf\u30f3\u3092\u672c\u9928\u3089\u3057\u304f\u660e\u308b\u3081\u306b\u4fee\u6b63 *\/\n  .yt-works-page .yt-filter-tags-link {\n    color: #062334 !important;\n    background:\n      linear-gradient(90deg, #53f2e6 0%, #36b9ff 100%) !important;\n    border-color: rgba(24,200,216,.72) !important;\n    box-shadow:\n      0 10px 22px rgba(24,150,190,.14),\n      inset 0 1px 0 rgba(255,255,255,.36) !important;\n  }\n\n  .yt-works-page .yt-filter-tags-link:hover {\n    color: var(--yt-cyan) !important;\n    background:\n      radial-gradient(circle at 18% 20%, rgba(69,238,219,.20), transparent 36%),\n      rgba(255,255,255,.90) !important;\n    border-color: rgba(24,200,216,.92) !important;\n    box-shadow:\n      0 0 0 1px rgba(24,200,216,.14),\n      0 0 22px rgba(24,200,216,.22) !important;\n    filter: brightness(1.04) !important;\n  }\n\n\n  \/* \u4e0b\u90e8PR\u8868\u8a18\uff1a\u30d5\u30c3\u30bf\u30fc\u524d\u306b\u8efd\u304f\u8868\u793a *\/\n  .yt-pr-footer-note {\n    margin: 18px 0 0 !important;\n    padding: 10px 13px !important;\n    border-radius: 16px !important;\n    border: 1px solid rgba(69,238,219,.24) !important;\n    background:\n      radial-gradient(circle at 14% 0%, rgba(69,238,219,.08), transparent 34%),\n      rgba(255,255,255,.032) !important;\n    color: var(--yt-muted) !important;\n    font-size: 12px !important;\n    line-height: 1.65 !important;\n    font-weight: 700 !important;\n    text-align: center !important;\n    box-shadow: 0 0 14px rgba(69,238,219,.055) !important;\n  }\n\n  .yt-pr-footer-note strong {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 20px !important;\n    margin-right: 7px !important;\n    padding: 3px 8px !important;\n    border-radius: 999px !important;\n    color: #061018 !important;\n    background: linear-gradient(90deg, var(--yt-cyan), var(--yt-blue)) !important;\n    font-size: 11px !important;\n    line-height: 1 !important;\n    font-weight: 1000 !important;\n    vertical-align: middle !important;\n  }\n\n  .yt-pr-footer-note a {\n    color: var(--yt-cyan) !important;\n    font-weight: 1000 !important;\n    text-decoration: underline !important;\n    text-underline-offset: 3px !important;\n  }\n\n  .yt-pr-footer-note a:hover {\n    color: #f3fbff !important;\n  }\n\n  @media (max-width: 640px) {\n    .yt-pr-footer-note {\n      margin-top: 14px !important;\n      padding: 9px 10px !important;\n      border-radius: 14px !important;\n      font-size: 11.2px !important;\n      line-height: 1.6 !important;\n      text-align: left !important;\n    }\n\n    .yt-pr-footer-note strong {\n      margin-right: 6px !important;\n      padding: 3px 7px !important;\n      font-size: 10.5px !important;\n    }\n  }\n\n<\/style>\n\n<div class=\"yt-works-page yt-honkan-works\">\n  <div class=\"yt-shell\">\n\n    <header class=\"yt-header\">\n      <div class=\"yt-brand\">\n        <div class=\"yt-logo\">\n          <img decoding=\"async\" src=\"https:\/\/shuminotamariba.com\/wp-content\/uploads\/2026\/06\/icon-honkan.png\" alt=\"\u672c\u9928\u30a2\u30a4\u30b3\u30f3\">\n        <\/div>\n        <div>\n          <h1 class=\"yt-title\">\u8da3\u5473\u306e\u305f\u307e\u308a\u5834\uff5c<span>\u672c\u9928<\/span><\/h1>\n          <p class=\"yt-tagline\">\u672c\u9928\u30ec\u30d3\u30e5\u30fc\u3092\u63a2\u3059<\/p>\n        <\/div>\n      <\/div>\n\n      <nav class=\"yt-nav\" aria-label=\"\u672c\u9928\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">\n        <a class=\"yt-other\" href=\"https:\/\/shuminotamariba.com\/\">\u672c\u9928\u30c8\u30c3\u30d7\u3078\u623b\u308b<\/a>\n      <\/nav>\n    <\/header>\n\n<main class=\"yt-main\">\n      <aside class=\"yt-panel yt-side\">\n        <h2 class=\"yt-panel-title\">\u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f<\/h2>\n        <div class=\"yt-form\">\n          <div class=\"yt-search-row\">\n            <div class=\"yt-search-wrap\">\n              <input class=\"yt-input\" type=\"search\" placeholder=\"\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u691c\u7d22\" data-search>\n              <button class=\"yt-search-clear\" type=\"button\" data-search-clear aria-label=\"\u691c\u7d22\u30ef\u30fc\u30c9\u3092\u6d88\u3059\">\u00d7<\/button>\n            <\/div>\n            <button class=\"yt-search-submit\" type=\"button\" data-search-submit>\u691c\u7d22<\/button>\n          <\/div>\n\n          <div class=\"yt-filter-grid\">\n            <button class=\"yt-filter-btn yt-sale-filter-btn\" type=\"button\" data-sale-filter>\u30bb\u30fc\u30eb<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"type\">\u4f5c\u54c1\u30bf\u30a4\u30d7<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"originalAuthor\">\u539f\u4f5c\u8005<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"illustrator\">\u4f5c\u753b\u8005<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"genre\">\u30b8\u30e3\u30f3\u30eb<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"character\">\u30ad\u30e3\u30e9\u30fb\u95a2\u4fc2\u6027<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"other\">\u305d\u306e\u4ed6<\/button>\n                      <a class=\"yt-filter-tags-link\" href=\"https:\/\/shuminotamariba.com\/index.php\/honkan-tags\/\">\u30bf\u30b0\u4e00\u89a7\u3078<\/a>\n          <\/div>\n\n        <\/div>\n      <\/aside>\n\n      <section class=\"yt-panel\">\n        <div class=\"yt-results-head\">\n          <div class=\"yt-results-title-wrap\">\n            <h2 class=\"yt-results-title\">\u4f5c\u54c1\u4e00\u89a7<\/h2>\n            <span class=\"yt-count\" data-count>\u8aad\u307f\u8fbc\u307f\u4e2d<\/span>\n          <\/div>\n          <div class=\"yt-results-actions\">\n            <select class=\"yt-select yt-list-sort\" data-sort>\n              <option value=\"new\">\u65b0\u7740\u9806<\/option>\n              <option value=\"rating-desc\">\u8a55\u4fa1\u304c\u9ad8\u3044\u9806<\/option>\n              <option value=\"price-asc\">\u5024\u6bb5\u304c\u5b89\u3044\u9806<\/option>\n              <option value=\"price-desc\">\u5024\u6bb5\u304c\u9ad8\u3044\u9806<\/option>\n              <option value=\"sale-end\">\u30bb\u30fc\u30eb\u671f\u9650\u304c\u8fd1\u3044\u9806<\/option>\n              <option value=\"title\">\u30bf\u30a4\u30c8\u30eb\u9806<\/option>\n              <option value=\"original\">\u4f5c\u8005\u9806<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div data-list-body>\n          <div class=\"yt-loading\">\u672c\u9928\u4f5c\u54c1\u3092\u8aad\u307f\u8fbc\u307f\u4e2d&#8230;<\/div>\n        <\/div>\n\n        <div class=\"yt-pagination\" data-pagination><\/div>\n      <\/section>\n    <\/main>\n\n    <section class=\"yt-pr-footer-note\" aria-label=\"PR\u8868\u8a18\">\n      <strong>PR<\/strong>\u3053\u306e\u30da\u30fc\u30b8\u306b\u306f\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u30ea\u30f3\u30af\u3092\u542b\u3080\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u8a73\u3057\u304f\u306f<a href=\"https:\/\/shuminotamariba.com\/index.php\/pr-honkan\/\">PR\u8868\u8a18<\/a>\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\n    <\/section>\n\n    <footer class=\"yt-footer\">\n      <a href=\"https:\/\/shuminotamariba.com\/index.php\/about-honkan\/\"><strong>\u3053\u306e\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066<\/strong>\u672c\u9928\u306e\u65b9\u91dd\u30fb\u6271\u3046\u5185\u5bb9<\/a>\n      <a href=\"https:\/\/shuminotamariba.com\/index.php\/contact-honkan\/\"><strong>\u304a\u554f\u3044\u5408\u308f\u305b<\/strong>\u9023\u7d61\u30fb\u4fee\u6b63\u4f9d\u983c\u306a\u3069<\/a>\n      <a href=\"https:\/\/shuminotamariba.com\/index.php\/pr-honkan\/\"><strong>PR\u8868\u8a18<\/strong>\u5e83\u544a\u30fb\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u306b\u3064\u3044\u3066<\/a>\n      <a href=\"https:\/\/shuminotamariba.com\/index.php\/policy-honkan\/\"><strong>\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/strong>\u500b\u4eba\u60c5\u5831\u30fbCookie\u306a\u3069<\/a>\n    <\/footer>\n  <\/div>\n\n  <div class=\"yt-modal\" data-filter-modal hidden aria-hidden=\"true\">\n    <div class=\"yt-modal-card\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"yt-modal-title\">\n      <div class=\"yt-modal-head\">\n        <h2 id=\"yt-modal-title\" class=\"yt-modal-title\">\u7d5e\u308a\u8fbc\u307f<\/h2>\n        <button class=\"yt-modal-close\" type=\"button\" data-filter-close aria-label=\"\u9589\u3058\u308b\">\u00d7<\/button>\n      <\/div>\n      <div class=\"yt-modal-options\" data-modal-options><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (() => {\n    const iconUrl = 'https:\/\/shuminotamariba.com\/wp-content\/uploads\/2026\/06\/icon-honkan.png?v=works-honkan-20260613';\n    let icon = document.querySelector('link[rel=\"icon\"]');\n    if (!icon) {\n      icon = document.createElement('link');\n      icon.rel = 'icon';\n      document.head.appendChild(icon);\n    }\n    icon.type = 'image\/png';\n    icon.href = iconUrl;\n\n    let appleIcon = document.querySelector('link[rel=\"apple-touch-icon\"]');\n    if (!appleIcon) {\n      appleIcon = document.createElement('link');\n      appleIcon.rel = 'apple-touch-icon';\n      document.head.appendChild(appleIcon);\n    }\n    appleIcon.href = iconUrl;\n  })();\n\n  (() => {\n    const root = document.querySelector('.yt-works-page');\n    if (!root) return;\n\n    const SITE_ROOT = 'https:\/\/shuminotamariba.com';\n    const CATEGORY_SLUG = 'honkan-review';\n    const POSTS_PER_PAGE = 18;\n    const emptyRegular = `\u307e\u3060\u6761\u4ef6\u306b\u5408\u3046\u672c\u9928\u30ec\u30d3\u30e5\u30fc\u306f\u3042\u308a\u307e\u305b\u3093\u3002`;\n\n    const filterData = {\n      type: { title: '\u4f5c\u54c1\u30bf\u30a4\u30d7', prefixes: ['type', 'work-type'], items: [] },\n      originalAuthor: { title: '\u539f\u4f5c\u8005', prefixes: ['original-author', 'author', 'writer'], items: [] },\n      illustrator: { title: '\u4f5c\u753b\u8005', prefixes: ['illustrator', 'artist'], items: [] },\n      genre: { title: '\u30b8\u30e3\u30f3\u30eb', prefixes: ['genre'], items: [] },\n      character: { title: '\u30ad\u30e3\u30e9\u30fb\u95a2\u4fc2\u6027', prefixes: ['character', 'relation'], items: [] },\n      other: { title: '\u305d\u306e\u4ed6', prefixes: ['other'], items: [] }\n    };\n\n    const searchInput = root.querySelector('[data-search]');\n    const searchClear = root.querySelector('[data-search-clear]');\n    const searchSubmit = root.querySelector('[data-search-submit]');\n    const sortSelect = root.querySelector('[data-sort]');\n    const listBody = root.querySelector('[data-list-body]');\n    const countEl = root.querySelector('[data-count]');\n    const paginationEl = root.querySelector('[data-pagination]');\n    const modal = root.querySelector('[data-filter-modal]');\n    const modalTitle = root.querySelector('#yt-modal-title');\n    const modalOptions = root.querySelector('[data-modal-options]');\n    const closeBtn = root.querySelector('[data-filter-close]');\n    const filterButtons = Array.from(root.querySelectorAll('[data-filter-open]'));\n    const saleButton = root.querySelector('[data-sale-filter]');\n\n    let allPosts = [];\n    let tagMap = new Map();\n\n    const queryParams = new URLSearchParams(window.location.search);\n    const initialKeyword = (queryParams.get('q') || queryParams.get('keyword') || '').trim();\n    const initialTag = (queryParams.get('tag') || queryParams.get('filter') || '').trim();\n    const initialSort = (queryParams.get('sort') || 'new').trim();\n    const initialOpen = (queryParams.get('open') || '').trim();\n    const initialOpenKey = filterData[initialOpen] ? initialOpen : '';\n    const initialKey = (queryParams.get('key') || queryParams.get('filterKey') || '').trim();\n    const initialFilterKey = filterData[initialKey] ? initialKey : '';\n\n    const inferFilterKeyFromTag = (tag) => {\n      if (!tag) return '';\n      if (tag === 'sale') return 'sale';\n\n      const normalized = String(tag).toLowerCase();\n\n      return Object.keys(filterData).find((key) => {\n        return (filterData[key].prefixes || []).some((prefix) => normalized === prefix || normalized.startsWith(prefix + '-') || normalized.startsWith(prefix + '_'));\n      }) || '';\n    };\n\n    let state = {\n      keyword: initialKeyword,\n      tag: initialSort === 'sale-end' ? 'sale' : initialTag,\n      filterKey: initialSort === 'sale-end'\n        ? 'sale'\n        : ((initialTag === 'sale') ? 'sale' : (initialFilterKey || inferFilterKeyFromTag(initialTag))),\n      sort: initialSort || 'new',\n      page: 1\n    };\n\n    let searchFeedbackTimer = null;\n\n    const escapeText = (value) => String(value || '').replace(\/[&<>\"']\/g, (char) => ({\n      '&': '&amp;',\n      '<': '&lt;',\n      '>': '&gt;',\n      '\"': '&quot;',\n      \"'\": '&#039;'\n    }[char]));\n\n    const stripHtml = (html) => {\n      const div = document.createElement('div');\n      div.innerHTML = html || '';\n      return (div.textContent || div.innerText || '').replace(\/\\s+\/g, ' ').trim();\n    };\n\n    const formatDate = (dateString) => {\n      if (!dateString) return '';\n      const date = new Date(dateString);\n      if (Number.isNaN(date.getTime())) return '';\n      return date.toLocaleDateString('ja-JP', { year: 'numeric', month: '2-digit', day: '2-digit' });\n    };\n\n    const apiFetch = async (path) => {\n      const urls = [SITE_ROOT + path];\n\n      if (path.startsWith('\/wp-json\/')) {\n        urls.push(SITE_ROOT + '\/index.php' + path);\n      }\n\n      let lastError = null;\n\n      for (const url of urls) {\n        try {\n          const response = await fetch(url, {\n            credentials: 'same-origin'\n          });\n          if (!response.ok) throw new Error('API error: ' + response.status);\n          const data = await response.json();\n          return { data, response };\n        } catch (error) {\n          lastError = error;\n        }\n      }\n\n      throw lastError || new Error('API error');\n    };\n\n    const getCategoryId = async () => {\n      const { data } = await apiFetch('\/wp-json\/wp\/v2\/categories?slug=' + encodeURIComponent(CATEGORY_SLUG));\n      return data && data[0] ? data[0].id : null;\n    };\n\n    const fetchAllPosts = async (categoryId) => {\n      const first = await apiFetch('\/wp-json\/wp\/v2\/posts?categories=' + categoryId + '&per_page=100&page=1&_embed=1');\n      const totalPages = Math.min(Number(first.response.headers.get('X-WP-TotalPages') || 1), 5);\n      let posts = first.data || [];\n\n      for (let page = 2; page <= totalPages; page += 1) {\n        const next = await apiFetch('\/wp-json\/wp\/v2\/posts?categories=' + categoryId + '&#038;per_page=100&#038;page=' + page + '&#038;_embed=1');\n        posts = posts.concat(next.data || []);\n      }\n\n      return posts;\n    };\n\n    const fetchTags = async (posts) => {\n      const ids = Array.from(new Set(posts.flatMap((post) => post.tags || [])));\n      if (!ids.length) return new Map();\n\n      const chunks = [];\n      for (let i = 0; i < ids.length; i += 100) {\n        chunks.push(ids.slice(i, i + 100));\n      }\n\n      const map = new Map();\n      for (const chunk of chunks) {\n        const { data } = await apiFetch('\/wp-json\/wp\/v2\/tags?include=' + chunk.join(',') + '&#038;per_page=100');\n        (data || []).forEach((tag) => {\n          map.set(tag.id, {\n            id: tag.id,\n            name: stripHtml(tag.name),\n            slug: tag.slug\n          });\n        });\n      }\n      return map;\n    };\n\n    const featuredImage = (post) => {\n      const media = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0];\n      if (!media) return '';\n      const sizes = media.media_details && media.media_details.sizes;\n      return (sizes && sizes.medium_large && sizes.medium_large.source_url) ||\n             (sizes && sizes.medium && sizes.medium.source_url) ||\n             media.source_url ||\n             '';\n    };\n\n    const extractNumber = (text, patterns) => {\n      for (const pattern of patterns) {\n        const match = text.match(pattern);\n        if (match && match[1]) {\n          const value = Number(String(match[1]).replace(\/,\/g, ''));\n          if (!Number.isNaN(value)) return value;\n        }\n      }\n      return 0;\n    };\n\n    const tagBelongsTo = (tag, group) => {\n      const prefixes = filterData[group] && filterData[group].prefixes ? filterData[group].prefixes : [];\n\n      return prefixes.some((prefix) => {\n        return tag.slug.indexOf(prefix + '-') === 0 || tag.slug.indexOf(prefix + '_') === 0;\n      });\n    };\n\n    const parseSaleEndDate = (text, tags) => {\n      const tagText = (tags || []).map((tag) => tag.slug + ' ' + tag.name).join(' ');\n      const source = [text || '', tagText].join(' ');\n\n      const ymdPatterns = [\n        \/(?:\u30bb\u30fc\u30eb\u671f\u9650|\u30bb\u30fc\u30eb\u7d42\u4e86|\u7d42\u4e86\u65e5|\u671f\u9650|sale[\\s_-]*end)[\uff1a:\\s_-]*([0-9]{4})[\\\/\\-.\u5e74]([0-9]{1,2})[\\\/\\-.\u6708]([0-9]{1,2})\/i,\n        \/(?:sale[\\s_-]*end|sale)[\\s_-]*([0-9]{4})([0-9]{2})([0-9]{2})\/i\n      ];\n\n      for (const pattern of ymdPatterns) {\n        const match = source.match(pattern);\n        if (match) {\n          const y = Number(match[1]);\n          const m = Number(match[2]);\n          const d = Number(match[3]);\n          const date = new Date(y, m - 1, d, 23, 59, 59);\n          if (!Number.isNaN(date.getTime())) return date.getTime();\n        }\n      }\n\n      const mdPatterns = [\n        \/(?:\u30bb\u30fc\u30eb\u671f\u9650|\u30bb\u30fc\u30eb\u7d42\u4e86|\u7d42\u4e86\u65e5|\u671f\u9650)[\uff1a:\\s]*([0-9]{1,2})[\\\/\\-.\u6708]([0-9]{1,2})\u65e5?\/,\n        \/\u301c\\s*([0-9]{1,2})[\\\/\\-.\u6708]([0-9]{1,2})\u65e5?\/\n      ];\n\n      for (const pattern of mdPatterns) {\n        const match = source.match(pattern);\n        if (match) {\n          const now = new Date();\n          let y = now.getFullYear();\n          const m = Number(match[1]);\n          const d = Number(match[2]);\n          let date = new Date(y, m - 1, d, 23, 59, 59);\n\n          if (date.getTime() < now.getTime() - 86400000) {\n            date = new Date(y + 1, m - 1, d, 23, 59, 59);\n          }\n\n          if (!Number.isNaN(date.getTime())) return date.getTime();\n        }\n      }\n\n      return null;\n    };\n\n    const normalizePost = (post) => {\n      const tags = (post.tags || []).map((id) => tagMap.get(id)).filter(Boolean);\n      const title = stripHtml(post.title && post.title.rendered);\n      const excerpt = stripHtml(post.excerpt && post.excerpt.rendered);\n      const content = stripHtml(post.content && post.content.rendered);\n      const fullText = [title, excerpt, content, tags.map((tag) => tag.name).join(' ')].join(' ');\n      const creatorTag = tags.find((tag) => tagBelongsTo(tag, 'originalAuthor')) || tags.find((tag) => tagBelongsTo(tag, 'illustrator')) || tags.find((tag) => tagBelongsTo(tag, 'genre'));\n\n      return {\n        id: post.id,\n        title: title || '\u30bf\u30a4\u30c8\u30eb\u672a\u8a2d\u5b9a',\n        excerpt: excerpt || content.slice(0, 110),\n        link: post.link,\n        date: post.date,\n        dateText: formatDate(post.date),\n        image: featuredImage(post),\n        tags,\n        score: extractNumber(fullText, [\n          \/(?:\u7dcf\u5408|\u8a55\u4fa1|\u70b9\u6570|\u30b9\u30b3\u30a2)[\uff1a:\\s]*([0-5](?:\\.\\d)?)\/i,\n          \/([0-5](?:\\.\\d)?)\\s*\\\/\\s*5(?:\\.0)?\/i,\n          \/([0-5](?:\\.\\d)?)\\s*\u70b9\/i\n        ]),\n        price: extractNumber(fullText, [\n          \/(?:\u4fa1\u683c|\u5024\u6bb5|\u8ca9\u58f2\u4fa1\u683c)[^0-9]{0,12}([0-9][0-9,]*)\/i,\n          \/([0-9][0-9,]*)\\s*\u5186\/i\n        ]),\n        saleEnd: parseSaleEndDate(fullText, tags),\n        creatorName: creatorTag ? creatorTag.name : '',\n        searchText: fullText.toLowerCase()\n      };\n    };\n\n    const buildFilterData = () => {\n      Object.keys(filterData).forEach((key) => {\n        filterData[key].runtimeItems = [];\n      });\n\n      const used = new Set();\n\n      allPosts.forEach((post) => {\n        post.tags.forEach((tag) => {\n          let matched = false;\n\n          Object.keys(filterData).forEach((key) => {\n            if (tagBelongsTo(tag, key)) {\n              const id = key + ':' + tag.slug;\n              if (!used.has(id)) {\n                filterData[key].runtimeItems.push({ label: tag.name, tag: tag.slug });\n                used.add(id);\n              }\n              matched = true;\n            }\n          });\n\n          if (!matched) {\n            const id = 'other:' + tag.slug;\n            if (!used.has(id)) {\n              filterData.other.runtimeItems.push({ label: tag.name, tag: tag.slug });\n              used.add(id);\n            }\n          }\n        });\n      });\n\n      Object.keys(filterData).forEach((key) => {\n        filterData[key].runtimeItems.sort((a, b) => a.label.localeCompare(b.label, 'ja'));\n      });\n    };\n\n    const filteredPosts = () => {\n      const keyword = state.keyword.toLowerCase();\n      let items = allPosts.filter((post) => {\n        const keywordOk = !keyword || post.searchText.includes(keyword);\n        const tagOk = !state.tag || post.tags.some((tag) => tag.slug === state.tag);\n        return keywordOk && tagOk;\n      });\n\n      if (state.sort === 'rating-desc') {\n        items.sort((a, b) => (b.score || 0) - (a.score || 0) || new Date(b.date) - new Date(a.date));\n      } else if (state.sort === 'price-asc') {\n        items.sort((a, b) => (a.price || 999999999) - (b.price || 999999999) || new Date(b.date) - new Date(a.date));\n      } else if (state.sort === 'price-desc') {\n        items.sort((a, b) => (b.price || 0) - (a.price || 0) || new Date(b.date) - new Date(a.date));\n      } else if (state.sort === 'sale-end') {\n        items.sort((a, b) => (a.saleEnd || 9999999999999) - (b.saleEnd || 9999999999999) || new Date(b.date) - new Date(a.date));\n      } else if (state.sort === 'title') {\n        items.sort((a, b) => a.title.localeCompare(b.title, 'ja'));\n      } else if (state.sort === 'original') {\n        items.sort((a, b) => (a.creatorName || a.title).localeCompare((b.creatorName || b.title), 'ja'));\n      } else {\n        items.sort((a, b) => new Date(b.date) - new Date(a.date));\n      }\n\n      return items;\n    };\n\n    const cardHtml = (post) => {\n      const tagsHtml = post.tags.slice(0, 3).map((tag) => '<span class=\"yt-chip\">' + tag.name + '<\/span>').join('');\n      const thumb = post.image\n        ? '<img decoding=\"async\" src=\"' + post.image + '\" alt=\"\">'\n        : '';\n\n      return `\n        <a class=\"yt-card\" href=\"${post.link}\">\n          <span class=\"yt-thumb\">${thumb}<\/span>\n          <span class=\"yt-body\">\n            <span class=\"yt-meta\">${tagsHtml || '<span class=\"yt-chip\">\u30ec\u30d3\u30e5\u30fc<\/span>'}<\/span>\n            <strong class=\"yt-card-title\">${post.title}<\/strong>\n            <span class=\"yt-excerpt\">${post.excerpt || ''}<\/span>\n            <span class=\"yt-date\">${post.dateText}<\/span>\n          <\/span>\n        <\/a>\n      `;\n    };\n\n    const closeModal = () => {\n      if (!modal) return;\n      modal.hidden = true;\n      modal.setAttribute('aria-hidden', 'true');\n    };\n\n    const openFilterModal = (key) => {\n      if (!modal || !modalOptions || !filterData[key]) return;\n\n      const data = filterData[key];\n      const items = [...(data.items || []), ...(data.runtimeItems || [])];\n\n      if (modalTitle) modalTitle.textContent = data.title;\n      modal.hidden = false;\n      modal.setAttribute('aria-hidden', 'false');\n\n      if (!items.length) {\n        modalOptions.innerHTML = '<div class=\"yt-modal-empty\">\u307e\u3060\u767b\u9332\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/div>';\n      } else {\n        modalOptions.innerHTML = items.map((item) => {\n          const activeClass = state.tag === item.tag ? ' is-active' : '';\n          return '<button class=\"yt-modal-option' + activeClass + '\" type=\"button\" data-filter-key=\"' + key + '\" data-filter-tag=\"' + item.tag + '\">' + item.label + '<\/button>';\n        }).join('');\n      }\n\n      modalOptions.querySelectorAll('[data-filter-tag]').forEach((button) => {\n        button.addEventListener('click', () => {\n          const nextTag = button.dataset.filterTag || '';\n          const nextKey = button.dataset.filterKey || '';\n\n          if (state.tag === nextTag && state.filterKey === nextKey) {\n            state.tag = '';\n            state.filterKey = '';\n          } else {\n            state.tag = nextTag;\n            state.filterKey = nextKey;\n          }\n\n          if (state.sort === 'sale-end') {\n            state.sort = 'new';\n            if (sortSelect) sortSelect.value = 'new';\n          }\n\n          state.page = 1;\n          closeModal();\n          updateFilterButtons();\n          updateUrlByState();\n          render();\n        });\n      });\n    };\n\n    const updateUrlByState = () => {\n      const url = new URL(window.location.href);\n\n      if (state.keyword) {\n        url.searchParams.set('q', state.keyword);\n      } else {\n        url.searchParams.delete('q');\n      }\n\n      if (state.tag) {\n        url.searchParams.set('tag', state.tag);\n      } else {\n        url.searchParams.delete('tag');\n      }\n\n      if (state.filterKey && state.filterKey !== 'sale') {\n        url.searchParams.set('key', state.filterKey);\n      } else {\n        url.searchParams.delete('key');\n      }\n\n      if (state.sort && state.sort !== 'new') {\n        url.searchParams.set('sort', state.sort);\n      } else {\n        url.searchParams.delete('sort');\n      }\n\n      url.searchParams.delete('keyword');\n      url.searchParams.delete('filter');\n      url.searchParams.delete('filterKey');\n      url.searchParams.delete('open');\n      window.history.replaceState({}, '', url);\n    };\n\n    const updateFilterButtons = () => {\n      filterButtons.forEach((button) => {\n        const key = button.dataset.filterOpen;\n        button.classList.toggle('is-active', Boolean(state.tag && state.filterKey === key));\n      });\n\n      saleButton?.classList.toggle('is-active', state.tag === 'sale');\n    };\n\n    filterButtons.forEach((button) => {\n      button.addEventListener('click', () => openFilterModal(button.dataset.filterOpen));\n    });\n\n    saleButton?.addEventListener('click', () => {\n      if (state.tag === 'sale') {\n        state.tag = '';\n        state.filterKey = '';\n\n        if (state.sort === 'sale-end') {\n          state.sort = 'new';\n          if (sortSelect) sortSelect.value = 'new';\n        }\n      } else {\n        state.tag = 'sale';\n        state.filterKey = 'sale';\n      }\n\n      state.page = 1;\n      updateFilterButtons();\n      updateUrlByState();\n      render();\n    });\n\n    closeBtn?.addEventListener('click', closeModal);\n\n    modal?.addEventListener('click', (event) => {\n      if (event.target === modal) closeModal();\n    });\n\n    document.addEventListener('keydown', (event) => {\n      if (event.key === 'Escape') closeModal();\n    });\n\n    const renderPagination = (totalPages) => {\n      if (!paginationEl) return;\n\n      const safeTotalPages = Math.max(1, Number(totalPages) || 1);\n      const buttons = [];\n\n      for (let page = 1; page <= safeTotalPages; page += 1) {\n        buttons.push('<button class=\"yt-page-btn ' + (page === state.page ? 'is-active' : '') + '\" type=\"button\" data-page=\"' + page + '\">' + page + '<\/button>');\n      }\n\n      paginationEl.innerHTML = buttons.join('');\n      paginationEl.querySelectorAll('[data-page]').forEach((button) => {\n        button.addEventListener('click', () => {\n          state.page = Number(button.dataset.page);\n          render();\n          root.querySelector('.yt-results-title')?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n      });\n    };\n\n    const renderSearchLoading = () => {\n      if (!listBody) return;\n\n      const keywordText = state.keyword\n        ? '\u300c' + escapeText(state.keyword) + '\u300d\u3092\u63a2\u3057\u3066\u3044\u307e\u3059'\n        : '\u6761\u4ef6\u3092\u66f4\u65b0\u3057\u3066\u3044\u307e\u3059';\n\n      if (countEl) {\n        countEl.textContent = '\u691c\u7d22\u4e2d';\n        countEl.classList.add('is-searching');\n      }\n\n      searchInput?.classList.add('is-searching');\n\n      listBody.innerHTML = `\n        <div class=\"yt-loading yt-search-loading\">\n          <span class=\"yt-search-spinner\" aria-hidden=\"true\"><\/span>\n          <span>\n            <span class=\"yt-search-loading-main\">\u691c\u7d22\u4e2d...<\/span>\n            <span class=\"yt-search-loading-sub\">${keywordText}<\/span>\n          <\/span>\n        <\/div>\n      `;\n\n      renderPagination(1);\n    };\n\n    const finishSearchFeedback = () => {\n      if (countEl) countEl.classList.remove('is-searching');\n      searchInput?.classList.remove('is-searching');\n      updateUrlByState();\n      render();\n    };\n\n    const triggerSearchFeedback = () => {\n      window.clearTimeout(searchFeedbackTimer);\n      renderSearchLoading();\n      searchFeedbackTimer = window.setTimeout(finishSearchFeedback, 260);\n    };\n\n    const render = () => {\n      const items = filteredPosts();\n      const total = items.length;\n      const totalPages = Math.max(1, Math.ceil(total \/ POSTS_PER_PAGE));\n      if (state.page > totalPages) state.page = totalPages;\n\n      if (countEl) countEl.textContent = total + '\u4ef6';\n\n      if (!total) {\n        const keywordLine = state.keyword\n          ? `<span class=\"yt-empty-line\">\u691c\u7d22\u30ef\u30fc\u30c9\uff1a<span class=\"yt-search-word\">\u300c${escapeText(state.keyword)}\u300d<\/span><\/span>`\n          : '';\n\n        listBody.innerHTML = `\n          <div class=\"yt-empty is-search-feedback\">\n            <h3>\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f<\/h3>\n            <p>${keywordLine}<span class=\"yt-empty-line\">${emptyRegular}<\/span><span class=\"yt-empty-line\">\u6295\u7a3f\u304c\u5897\u3048\u308b\u3068\u3001\u3053\u3053\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/span><\/p>\n          <\/div>\n        `;\n        renderPagination(1);\n        return;\n      }\n\n      const start = (state.page - 1) * POSTS_PER_PAGE;\n      const pageItems = items.slice(start, start + POSTS_PER_PAGE);\n      listBody.innerHTML = '<div class=\"yt-grid\">' + pageItems.map(cardHtml).join('') + '<\/div>';\n      renderPagination(totalPages);\n    };\n\n    const load = async () => {\n      try {\n        const categoryId = await getCategoryId();\n        if (!categoryId) {\n          allPosts = [];\n          if (countEl) countEl.textContent = '0\u4ef6';\n          render();\n          return;\n        }\n\n        const rawPosts = await fetchAllPosts(categoryId);\n        tagMap = await fetchTags(rawPosts);\n        allPosts = rawPosts.map(normalizePost);\n        buildFilterData();\n        if (searchInput) searchInput.value = state.keyword;\n        if (sortSelect) sortSelect.value = state.sort;\n        updateFilterButtons();\n        updateUrlByState();\n        render();\n\n        if (initialOpenKey) {\n          setTimeout(() => {\n            openFilterModal(initialOpenKey);\n            root.querySelector('[data-filter-open=\"' + initialOpenKey + '\"]')?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n          }, 120);\n        }\n      } catch (error) {\n        console.error(error);\n        if (countEl) countEl.textContent = '0\u4ef6';\n        listBody.innerHTML = `\n          <div class=\"yt-empty is-search-feedback\">\n            <h3>\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f<\/h3>\n            <p><span class=\"yt-empty-line\">${emptyRegular}<\/span><span class=\"yt-empty-line\">\u6295\u7a3f\u304c\u5897\u3048\u308b\u3068\u3001\u3053\u3053\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/span><\/p>\n          <\/div>\n        `;\n      }\n    };\n\n    const runKeywordSearch = () => {\n      state.keyword = (searchInput?.value || '').trim();\n      state.page = 1;\n      triggerSearchFeedback();\n    };\n\n    searchSubmit?.addEventListener('click', runKeywordSearch);\n\n    searchInput?.addEventListener('keydown', (event) => {\n      if (event.key !== 'Enter') return;\n      event.preventDefault();\n      runKeywordSearch();\n    });\n\n    searchClear?.addEventListener('click', () => {\n      if (!searchInput) return;\n      searchInput.value = '';\n      state.keyword = '';\n      state.page = 1;\n      triggerSearchFeedback();\n      searchInput.focus();\n    });\n\n    sortSelect?.addEventListener('change', () => {\n      state.sort = sortSelect.value;\n\n      if (state.sort === 'sale-end') {\n        state.tag = 'sale';\n        state.filterKey = 'sale';\n      }\n\n      state.page = 1;\n      updateFilterButtons();\n      updateUrlByState();\n      render();\n    });\n\n    load();\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u8da3\u5473\u306e\u305f\u307e\u308a\u5834\uff5c\u672c\u9928 \u672c\u9928\u30ec\u30d3\u30e5\u30fc\u3092\u63a2\u3059 \u672c\u9928\u30c8\u30c3\u30d7\u3078\u623b\u308b \u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f \u00d7 \u691c\u7d22 \u30bb\u30fc\u30eb \u4f5c\u54c1\u30bf\u30a4\u30d7 \u539f\u4f5c\u8005 \u4f5c\u753b\u8005 \u30b8\u30e3\u30f3\u30eb \u30ad\u30e3\u30e9\u30fb\u95a2\u4fc2\u6027 \u305d\u306e\u4ed6 \u30bf\u30b0\u4e00\u89a7\u3078 \u4f5c\u54c1\u4e00\u89a7 \u8aad\u307f\u8fbc\u307f\u4e2d \u65b0\u7740\u9806\u8a55\u4fa1\u304c\u9ad8\u3044\u9806\u5024\u6bb5\u304c\u5b89\u3044\u9806 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-538","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/comments?post=538"}],"version-history":[{"count":13,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/538\/revisions"}],"predecessor-version":[{"id":884,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/538\/revisions\/884"}],"wp:attachment":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/media?parent=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}