{"id":580,"date":"2026-06-14T02:17:14","date_gmt":"2026-06-14T02:17:14","guid":{"rendered":"https:\/\/shuminotamariba.com\/?page_id=580"},"modified":"2026-06-23T03:51:02","modified_gmt":"2026-06-22T18:51:02","slug":"honkan-tags","status":"publish","type":"page","link":"https:\/\/shuminotamariba.com\/index.php\/honkan-tags\/","title":{"rendered":"\u30bf\u30b0\u4e00\u89a7<\u672c\u9928>"},"content":{"rendered":"\n<!-- \u30bf\u30b0\u4e00\u89a7 v2\uff1a\u4e0b\u90e8\u30a8\u30ea\u30a2\u306b\u8efd\u3081\u306ePR\u8868\u8a18\u3092\u8ffd\u52a0 -->\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  \/* \u672c\u9928\u30bf\u30b0\u4e00\u89a7URL\uff1ahttps:\/\/shuminotamariba.com\/index.php\/honkan-tags\/ *\/\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\n  \/* honkan tags v1\uff1a\u672c\u9928\u4f5c\u54c1\u4e00\u89a7\u306eCSS\/\u30d8\u30c3\u30c0\u30fc\u3092\u57fa\u6e96\u306b\u30bf\u30b0\u4e00\u89a7\u3060\u3051\u8ffd\u52a0 *\/\n  .yt-honkan-tags-exact .yt-tags-main {\n    margin-top: 18px !important;\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 14px !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group {\n    min-width: 0 !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  }\n\n  .yt-honkan-tags-exact .yt-tag-group-head {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 12px !important;\n    margin-bottom: 12px !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group-title {\n    margin: 0 !important;\n    color: var(--yt-text) !important;\n    font-family: \"Yuji Boku\",\"Yomogi\",\"Hiragino Mincho ProN\",\"Yu Mincho\",serif !important;\n    font-weight: 700 !important;\n    letter-spacing: -.03em !important;\n    font-size: clamp(23px,2.4vw,31px) !important;\n    line-height: 1.2 !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group-count {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 30px !important;\n    min-width: 44px !important;\n    padding: 5px 11px !important;\n    border-radius: 999px !important;\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    font-weight: 1000 !important;\n    font-size: 12px !important;\n    line-height: 1.2 !important;\n    white-space: nowrap !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-list {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 8px !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 7px !important;\n    min-height: 36px !important;\n    padding: 8px 11px !important;\n    border-radius: 999px !important;\n    border: 1px solid var(--yt-line2) !important;\n    background: rgba(255,255,255,.055) !important;\n    color: var(--yt-soft) !important;\n    text-decoration: none !important;\n    font-size: 12.5px !important;\n    line-height: 1.2 !important;\n    font-weight: 850 !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-honkan-tags-exact .yt-tag-link: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  .yt-honkan-tags-exact .yt-tag-num {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-width: 22px !important;\n    height: 22px !important;\n    padding: 0 6px !important;\n    border-radius: 999px !important;\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    font-size: 10.5px !important;\n    line-height: 1 !important;\n    font-weight: 1000 !important;\n  }\n\n  .yt-honkan-tags-exact .yt-empty {\n    width: 100% !important;\n    padding: 12px !important;\n    border-radius: 14px !important;\n    border: 1px dashed var(--yt-line2) !important;\n    color: var(--yt-muted) !important;\n    background: rgba(255,255,255,.035) !important;\n    font-size: 13px !important;\n    line-height: 1.7 !important;\n    font-weight: 700 !important;\n  }\n\n  .yt-honkan-tags-exact .yt-loading {\n    padding: 18px !important;\n    border-radius: 18px !important;\n    color: var(--yt-muted) !important;\n    background: rgba(255,255,255,.04) !important;\n    border: 1px solid var(--yt-line2) !important;\n    font-size: 14px !important;\n    line-height: 1.7 !important;\n    font-weight: 800 !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group[data-group=\"sale\"] .yt-tag-list {\n    display: block !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group[data-group=\"sale\"] .yt-tag-link {\n    width: 100% !important;\n    min-height: 42px !important;\n    justify-content: center !important;\n    color: #061018 !important;\n    background: linear-gradient(90deg, #45eedb, #38a8ff) !important;\n    border-color: rgba(69,238,219,.76) !important;\n    font-weight: 1000 !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group[data-group=\"sale\"] .yt-tag-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      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    filter: brightness(1.04) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group[data-group=\"sale\"] .yt-tag-num {\n    background: rgba(6,10,14,.82) !important;\n    color: var(--yt-cyan) !important;\n    border: 1px solid rgba(69,238,219,.42) !important;\n  }\n\n  @media (max-width: 640px) {\n    .yt-honkan-tags-exact .yt-tag-group {\n      padding: 14px !important;\n      border-radius: 17px !important;\n    }\n\n    .yt-honkan-tags-exact .yt-tag-group-title {\n      font-size: 18px !important;\n    }\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 tags v2\uff1a\u30bf\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3092\u672c\u9928\u306e\u767d\u80cc\u666f\u3078\u4fee\u6b63 *\/\n  .yt-works-page.yt-honkan-tags-exact {\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-honkan-tags-exact .yt-header,\n  .yt-honkan-tags-exact .yt-tag-group {\n    background: var(--yt-card) !important;\n    color: var(--yt-text) !important;\n    border-color: var(--yt-line) !important;\n    box-shadow: var(--yt-shadow) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-title,\n  .yt-honkan-tags-exact .yt-tag-group-title {\n    color: var(--yt-text) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tagline,\n  .yt-honkan-tags-exact .yt-empty,\n  .yt-honkan-tags-exact .yt-loading {\n    color: var(--yt-muted) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-empty,\n  .yt-honkan-tags-exact .yt-loading {\n    background: rgba(255,255,255,.68) !important;\n    border-color: var(--yt-line2) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-link {\n    background: rgba(255,255,255,.72) !important;\n    color: var(--yt-soft) !important;\n    border-color: var(--yt-line2) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-link:hover {\n    color: var(--yt-cyan) !important;\n    background:\n      radial-gradient(circle at 20% 20%, rgba(69,238,219,.16), transparent 38%),\n      rgba(255,255,255,.86) !important;\n    border-color: rgba(24,200,216,.84) !important;\n    box-shadow:\n      0 0 0 1px rgba(24,200,216,.12),\n      0 0 18px rgba(24,200,216,.18) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-tag-group-count,\n  .yt-honkan-tags-exact .yt-tag-num,\n  .yt-honkan-tags-exact .yt-tag-group[data-group=\"sale\"] .yt-tag-link,\n  .yt-honkan-tags-exact .yt-nav .yt-other {\n    color: #062334 !important;\n    background: linear-gradient(90deg, #53f2e6 0%, #36b9ff 100%) !important;\n    border-color: rgba(24,200,216,.72) !important;\n  }\n\n  .yt-honkan-tags-exact .yt-nav .yt-other:hover,\n  .yt-honkan-tags-exact .yt-tag-group[data-group=\"sale\"] .yt-tag-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  }\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-tags-exact\">\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\u30bf\u30b0\u4e00\u89a7<\/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-tags-main\" data-tag-groups>\n      <div class=\"yt-loading\">\u30bf\u30b0\u3092\u8aad\u307f\u8fbc\u307f\u4e2d&#8230;<\/div>\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\n  <\/div>\n<\/div>\n\n<script>\n  (() => {\n    const iconUrl = 'https:\/\/shuminotamariba.com\/wp-content\/uploads\/2026\/06\/icon-honkan.png?v=honkan-tags-v1';\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-honkan-tags-exact');\n    if (!root) return;\n\n    const WORKS_PAGE_URL = 'https:\/\/shuminotamariba.com\/index.php\/honkan-works\/';\n    const CATEGORY_SLUG = 'honkan-review';\n    const groupWrap = root.querySelector('[data-tag-groups]');\n\n    const groups = [\n      { key: 'type', title: '\u4f5c\u54c1\u30bf\u30a4\u30d7', prefixes: ['type', 'work-type'], items: [] },\n      { key: 'originalAuthor', title: '\u539f\u4f5c\u8005', prefixes: ['original-author', 'originalauthor'], items: [] },\n      { key: 'illustrator', title: '\u4f5c\u753b\u8005', prefixes: ['illustrator'], items: [] },\n      { key: 'genre', title: '\u30b8\u30e3\u30f3\u30eb', prefixes: ['genre'], items: [] },\n      { key: 'character', title: '\u30ad\u30e3\u30e9\u30fb\u95a2\u4fc2\u6027', prefixes: ['character'], items: [] },\n      { key: 'other', title: '\u305d\u306e\u4ed6', prefixes: ['other'], items: [] },\n      { key: 'sale', title: '\u30bb\u30fc\u30eb', prefixes: ['sale'], items: [] }\n    ];\n\n    const typeAllowed = new Set(['type-manga', 'type-lightnovel']);\n\n    const escapeText = (value) => {\n      const span = document.createElement('span');\n      span.textContent = String(value ?? '');\n      return span.innerHTML;\n    };\n\n    const api = (path, params = {}) => {\n      const url = new URL(path, window.location.origin);\n      Object.entries(params).forEach(([key, value]) => {\n        if (value === undefined || value === null || value === '') return;\n        url.searchParams.set(key, value);\n      });\n      return url.toString();\n    };\n\n    const getCategoryId = async () => {\n      const res = await fetch(api('\/wp-json\/wp\/v2\/categories', {\n        slug: CATEGORY_SLUG,\n        per_page: 1,\n        _fields: 'id,slug'\n      }), { credentials: 'same-origin' });\n      if (!res.ok) return null;\n      const data = await res.json();\n      return data?.[0]?.id || null;\n    };\n\n    const fetchAllPosts = async (categoryId) => {\n      if (!categoryId) return [];\n      const posts = [];\n      let page = 1;\n      let totalPages = 1;\n\n      do {\n        const res = await fetch(api('\/wp-json\/wp\/v2\/posts', {\n          categories: categoryId,\n          per_page: 100,\n          page,\n          _fields: 'id,tags'\n        }), { credentials: 'same-origin' });\n        if (!res.ok) break;\n\n        totalPages = Number(res.headers.get('X-WP-TotalPages') || 1);\n        posts.push(...await res.json());\n        page += 1;\n      } while (page <= totalPages);\n\n      return posts;\n    };\n\n    const fetchAllTags = async () => {\n      const tags = [];\n      let page = 1;\n      let totalPages = 1;\n\n      do {\n        const res = await fetch(api('\/wp-json\/wp\/v2\/tags', {\n          per_page: 100,\n          page,\n          hide_empty: false,\n          _fields: 'id,name,slug,count'\n        }), { credentials: 'same-origin' });\n        if (!res.ok) break;\n\n        totalPages = Number(res.headers.get('X-WP-TotalPages') || 1);\n        tags.push(...await res.json());\n        page += 1;\n      } while (page <= totalPages);\n\n      return tags;\n    };\n\n    const detectGroup = (tag) => {\n      const slug = tag.slug || '';\n      if (slug === 'sale') return 'sale';\n\n      for (const group of groups) {\n        if (group.key === 'sale') continue;\n        const matched = group.prefixes.some((prefix) => slug === prefix || slug.startsWith(prefix + '-'));\n        if (!matched) continue;\n        if (group.key === 'type' && !typeAllowed.has(slug)) return null;\n        return group.key;\n      }\n\n      return null;\n    };\n\n    const tagUrl = (tag) => {\n      const url = new URL(WORKS_PAGE_URL);\n\n      if (tag.key === 'sale' || tag.slug === 'sale') {\n        url.searchParams.set('tag', 'sale');\n        url.searchParams.set('sort', 'sale-end');\n      } else {\n        url.searchParams.set('tag', tag.slug);\n        url.searchParams.set('key', tag.key);\n      }\n\n      return url.toString();\n    };\n\n    const buildGroups = (tags, categoryCounts) => {\n      groups.forEach((group) => group.items = []);\n\n      tags.forEach((tag) => {\n        const key = detectGroup(tag);\n        if (!key) return;\n\n        const group = groups.find((item) => item.key === key);\n        if (!group) return;\n\n        group.items.push({\n          id: tag.id,\n          name: tag.name,\n          slug: tag.slug,\n          key,\n          count: categoryCounts.get(tag.id) || 0\n        });\n      });\n\n      groups.forEach((group) => {\n        group.items.sort((a, b) => {\n          if (group.key === 'type') {\n            const order = ['type-manga', 'type-lightnovel'];\n            return order.indexOf(a.slug) - order.indexOf(b.slug);\n          }\n          if (b.count !== a.count) return b.count - a.count;\n          return a.name.localeCompare(b.name, 'ja');\n        });\n      });\n    };\n\n    const render = () => {\n      const html = groups.map((group) => {\n        const body = (() => {\n          if (group.key === 'sale') {\n            const saleTag = group.items[0] || {\n              name: '\u30bb\u30fc\u30eb\u4f5c\u54c1\u3092\u898b\u308b',\n              slug: 'sale',\n              key: 'sale',\n              count: 0\n            };\n\n            return `<div class=\"yt-tag-list\">\n              <a class=\"yt-tag-link\" href=\"${tagUrl(saleTag)}\">\n                <span>\u30bb\u30fc\u30eb\u4f5c\u54c1\u3092\u898b\u308b<\/span>\n                <span class=\"yt-tag-num\">${saleTag.count}<\/span>\n              <\/a>\n            <\/div>`;\n          }\n\n          return group.items.length\n            ? `<div class=\"yt-tag-list\">${group.items.map((tag) => `\n                <a class=\"yt-tag-link\" href=\"${tagUrl(tag)}\">\n                  <span>${escapeText(tag.name)}<\/span>\n                  <span class=\"yt-tag-num\">${tag.count}<\/span>\n                <\/a>\n              `).join('')}<\/div>`\n            : `<div class=\"yt-empty\">\u307e\u3060\u767b\u9332\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/div>`;\n        })();\n\n        const countText = group.key === 'sale'\n          ? ((group.items[0]?.count || 0) + '\u4ef6')\n          : (group.items.length + '\u4ef6');\n\n        return `\n          <section class=\"yt-tag-group\" data-group=\"${escapeText(group.key)}\">\n            <div class=\"yt-tag-group-head\">\n              <h2 class=\"yt-tag-group-title\">${escapeText(group.title)}<\/h2>\n              <span class=\"yt-tag-group-count\">${countText}<\/span>\n            <\/div>\n            ${body}\n          <\/section>\n        `;\n      }).join('');\n\n      groupWrap.innerHTML = html;\n    };\n\n    const load = async () => {\n      const categoryId = await getCategoryId();\n      const [posts, tags] = await Promise.all([\n        fetchAllPosts(categoryId),\n        fetchAllTags()\n      ]);\n\n      const counts = new Map();\n      posts.forEach((post) => {\n        (post.tags || []).forEach((tagId) => counts.set(tagId, (counts.get(tagId) || 0) + 1));\n      });\n\n      buildGroups(tags, counts);\n      render();\n    };\n\n    load().catch((error) => {\n      console.error(error);\n      buildGroups([], new Map());\n      render();\n    });\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u8da3\u5473\u306e\u305f\u307e\u308a\u5834\uff5c\u672c\u9928 \u672c\u9928\u30bf\u30b0\u4e00\u89a7 \u672c\u9928\u30c8\u30c3\u30d7\u3078\u623b\u308b \u30bf\u30b0\u3092\u8aad\u307f\u8fbc\u307f\u4e2d&#8230; PR\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\u306fPR\u8868\u8a18\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/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-580","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/580","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=580"}],"version-history":[{"count":7,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":883,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/580\/revisions\/883"}],"wp:attachment":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/media?parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}