{"id":497,"date":"2026-06-13T03:00:43","date_gmt":"2026-06-13T03:00:43","guid":{"rendered":"https:\/\/shuminotamariba.com\/?page_id=497"},"modified":"2026-06-23T03:33:25","modified_gmt":"2026-06-22T18:33:25","slug":"bekkan-works","status":"publish","type":"page","link":"https:\/\/shuminotamariba.com\/index.php\/bekkan-works\/","title":{"rendered":"\u4f5c\u54c1\u4e00\u89a7<\u5225\u9928>"},"content":{"rendered":"\n<!-- \u5225\u9928\u4f5c\u54c1\u4e00\u89a7 v39\uff1a\u4e0b\u90e8\u30d5\u30c3\u30bf\u30fc\u524d\u306b\u8efd\u3081\u306ePR\u8868\u8a18\u3092\u8ffd\u52a0 -->\n<!-- \u5225\u9928\u4f5c\u54c1\u4e00\u89a7 v38\uff1a\u30bb\u30fc\u30eb\u30bf\u30b0\u3092\u30d5\u30a7\u30c1\u30fb\u63cf\u5199\u304b\u3089\u9664\u5916 -->\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  \/* works v23\uff1a\u30bf\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u3078\u306e\u5c0e\u7dda\u3092\u8ffd\u52a0 *\/\n  .yt-tags-link-box {\n    margin-top: 12px !important;\n    padding: 12px !important;\n    border-radius: 16px !important;\n    border: 1px solid rgba(69,238,219,.30) !important;\n    background:\n      radial-gradient(circle at 18% 18%, rgba(69,238,219,.10), transparent 40%),\n      rgba(255,255,255,.035) !important;\n  }\n\n  .yt-tags-link-box strong {\n    display: block !important;\n    color: var(--yt-text) !important;\n    font-size: 13px !important;\n    line-height: 1.4 !important;\n    font-weight: 1000 !important;\n    margin-bottom: 4px !important;\n  }\n\n  .yt-tags-link-box span {\n    display: block !important;\n    color: var(--yt-muted) !important;\n    font-size: 12px !important;\n    line-height: 1.65 !important;\n    font-weight: 700 !important;\n    margin-bottom: 10px !important;\n  }\n\n  .yt-tags-link-button {\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  }\n\n  .yt-tags-link-button: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  }\n\n\n  \/* works v24\uff1a\u30bf\u30b0\u4e00\u89a7\u5c0e\u7dda\u3092\u7d5e\u308a\u8fbc\u307f\u30d1\u30cd\u30eb\u5185\u306b\u7d71\u5408 *\/\n  .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    letter-spacing: .01em !important;\n  }\n\n  .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  }\n\n  .yt-tags-link-box {\n    display: none !important;\n  }\n\n\n  \/* v25\uff1a\u30e9\u30f3\u30ad\u30f3\u30b0\u3067\u63a1\u7528\u3057\u305f\u898b\u51fa\u3057\u30d5\u30a9\u30f3\u30c8\u3092\u4f5c\u54c1\u4e00\u89a7\u306b\u3082\u53cd\u6620 *\/\n  .yt-works-page .yt-section-title,\n  .yt-works-page .yt-side-title,\n  .yt-works-page .yt-filter-title,\n  .yt-works-page .yt-search-title,\n  .yt-works-page .yt-panel-title,\n  .yt-works-page .yt-list-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    font-size: clamp(27px,3vw,38px) !important;\n    line-height: 1.2 !important;\n  }\n\n  .yt-works-page .yt-sidebar .yt-section-title,\n  .yt-works-page .yt-side .yt-section-title,\n  .yt-works-page .yt-search-filter-panel .yt-section-title,\n  .yt-works-page .yt-filter-panel .yt-section-title {\n    font-size: clamp(24px,2.4vw,32px) !important;\n  }\n\n\n\/* v28\u4fee\u6b63\uff1a\u4f5c\u54c1\u30ab\u30fc\u30c9\u306e\u8868\u7d19\u3092\u5207\u308a\u629c\u304b\u305a100%\u8868\u793a \/ \u8aac\u660e\u6587\u30fb\u65e5\u4ed8\u3092\u975e\u8868\u793a \/ \u30bf\u30b0\u8868\u793a\u3092\u6574\u7406 *\/\n.yt-card {\n  grid-template-rows: auto auto !important;\n}\n\n.yt-thumb {\n  aspect-ratio: auto !important;\n  min-height: 0 !important;\n  background: #000 !important;\n  overflow: hidden !important;\n  display: block !important;\n  line-height: 0 !important;\n}\n\n.yt-thumb img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  max-width: 100% !important;\n  max-height: none !important;\n  aspect-ratio: auto !important;\n  object-fit: contain !important;\n  object-position: center center !important;\n  transform: none !important;\n  filter: none !important;\n  clip-path: none !important;\n  background: #000 !important;\n}\n\n.yt-thumb:not(:has(img)) {\n  min-height: 190px !important;\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)) !important;\n}\n\n.yt-body {\n  padding: 13px !important;\n}\n\n.yt-meta {\n  gap: 6px !important;\n  margin-bottom: 9px !important;\n}\n\n.yt-excerpt,\n.yt-date {\n  display: none !important;\n}\n\n.yt-card-title {\n  min-height: 0 !important;\n  margin-top: 0 !important;\n}\n\n.yt-chip-rank {\n  color: #061018 !important;\n  background: linear-gradient(90deg, #ff8aa0, #ffd166) !important;\n  border-color: rgba(255,209,102,.85) !important;\n  box-shadow: 0 0 10px rgba(255,209,102,.12) !important;\n}\n\n.yt-chip-staff {\n  color: #061018 !important;\n  background: linear-gradient(90deg, rgba(255,209,102,.98), rgba(255,196,72,.88)) !important;\n  border-color: rgba(255,209,102,.78) !important;\n}\n\n.yt-chip-key {\n  color: var(--yt-cyan) !important;\n  background: rgba(69,238,219,.10) !important;\n}\n\n@media (max-width: 640px) {\n  .yt-thumb:not(:has(img)) {\n    min-height: 160px !important;\n  }\n}\n\n\n\/* v29\u4fee\u6b63\uff1a\u4f5c\u54c1\u30ab\u30fc\u30c9\u306f\u8a18\u4e8b\u5185\u306e\u8868\u7d19\u3092\u512a\u5148\u3002\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u3092\u30ab\u30fc\u30c9\u8868\u7d19\u3068\u3057\u3066\u4f7f\u308f\u306a\u3044\u60f3\u5b9a *\/\n.yt-card .yt-thumb img[src*=\"icon-bekkan\"] {\n  display: none !important;\n}\n\n\n\/* v30\u4fee\u6b63\uff1a\u81ea\u52d5\u540c\u671f\u30e1\u30bf\u306e\u8868\u7d19URL\u3092\u512a\u5148\u8868\u793a\u3002\u753b\u50cf\u306f\u5207\u308a\u629c\u304b\u305a\u5143\u6bd4\u7387\u306e\u307e\u307e *\/\n.yt-thumb img {\n  width: 100% !important;\n  height: auto !important;\n  max-width: 100% !important;\n  max-height: none !important;\n  aspect-ratio: auto !important;\n  object-fit: contain !important;\n  object-position: center center !important;\n  transform: none !important;\n  filter: none !important;\n  clip-path: none !important;\n}\n\n\n\/* v31\u4fee\u6b63\uff1a\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\u9078\u629e\u30bf\u30b0\u306f\u6700\u59278\u4ef6\u307e\u3067\u81ea\u7136\u306b\u6298\u308a\u8fd4\u3057 *\/\n.yt-meta {\n  gap: 6px !important;\n  flex-wrap: wrap !important;\n}\n\n\n\/* v32\u4fee\u6b63\uff1a\u8868\u7d19\u5de6\u4e0a\u306e\u4f5c\u54c1\u533a\u5206\u30d0\u30c3\u30b8 *\/\n.yt-thumb {\n  position: relative !important;\n}\n\n.yt-thumb-badge {\n  position: absolute !important;\n  z-index: 3 !important;\n  top: 8px !important;\n  left: 8px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  min-height: 24px !important;\n  padding: 5px 9px !important;\n  border-radius: 999px !important;\n  color: #061018 !important;\n  background: linear-gradient(90deg, rgba(69,238,219,.96), rgba(255,209,102,.96)) !important;\n  border: 1px solid rgba(255,255,255,.65) !important;\n  box-shadow: 0 8px 18px rgba(0,0,0,.26) !important;\n  font-size: 11px !important;\n  font-weight: 1000 !important;\n  line-height: 1 !important;\n  letter-spacing: .02em !important;\n  pointer-events: none !important;\n}\n\n\/* v32\u4fee\u6b63\uff1a\u30bb\u30fc\u30eb\u30bf\u30b0\u306f\u9078\u629e\u30c1\u30a7\u30c3\u30af\u306b\u95a2\u4fc2\u306a\u304f\u76ee\u7acb\u305f\u305b\u308b *\/\n.yt-chip-sale {\n  color: #061018 !important;\n  background: linear-gradient(90deg, #ff8aa0, #ffd166) !important;\n  border-color: rgba(255,209,102,.82) !important;\n}\n\n\/* v32\u4fee\u6b63\uff1a\u7d5e\u308a\u8fbc\u307f\u30dc\u30bf\u30f3\u306e\u4ef6\u6570\u4ed8\u304d\u30e9\u30d9\u30eb\u3092\u8aad\u307f\u3084\u3059\u304f *\/\n.yt-modal-option {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 8px !important;\n}\n\n\n\/* v33\u4fee\u6b63\uff1a\u30ab\u30fc\u30c9\u4e0b\u30bf\u30b0\u306f\u57fa\u672c\u9ec4\u8272\u3001\u30bb\u30fc\u30eb\u3060\u3051\u7279\u5225\u8272 *\/\n.yt-chip-key,\n.yt-chip-staff {\n  color: #151006 !important;\n  background: linear-gradient(90deg, rgba(255,223,112,.98), rgba(255,190,64,.94)) !important;\n  border-color: rgba(255,223,112,.88) !important;\n  box-shadow: 0 0 10px rgba(255,209,102,.10) !important;\n}\n\n.yt-chip-sale {\n  color: #061018 !important;\n  background: linear-gradient(90deg, #ff8aa0, #ffd166) !important;\n  border-color: rgba(255,209,102,.82) !important;\n  box-shadow: 0 0 12px rgba(255,138,160,.18) !important;\n}\n\n\/* v33\u4fee\u6b63\uff1a\u8868\u7d19\u5de6\u4e0a\u306e\u4f5c\u54c1\u533a\u5206\u30d0\u30c3\u30b8\u3092\u5c11\u3057\u7de0\u3081\u308b *\/\n.yt-thumb-badge {\n  color: #fff7d6 !important;\n  background:\n    linear-gradient(135deg, rgba(9,14,20,.92), rgba(17,26,34,.82)),\n    radial-gradient(circle at 18% 18%, rgba(255,209,102,.35), transparent 42%) !important;\n  border: 1px solid rgba(255,209,102,.86) !important;\n  box-shadow:\n    0 8px 18px rgba(0,0,0,.34),\n    0 0 0 1px rgba(69,238,219,.20),\n    0 0 14px rgba(255,209,102,.18) !important;\n  text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;\n}\n\n.yt-thumb-badge::before {\n  content: \"R18\";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 6px;\n  padding: 2px 5px;\n  border-radius: 999px;\n  color: #061018;\n  background: linear-gradient(90deg, #45eedb, #ffd166);\n  font-size: 9px;\n  font-weight: 1000;\n  line-height: 1;\n}\n\n\n\/* v34\u4fee\u6b63\uff1a\u5de6\u4e0a\u30d0\u30c3\u30b8\u306eR18\u8868\u793a\u3092\u524a\u9664 *\/\n.yt-thumb-badge::before {\n  content: none !important;\n  display: none !important;\n}\n\n\/* v34\u4fee\u6b63\uff1a\u4f5c\u54c1\u30ab\u30fc\u30c9\u3092\u5c0f\u578b\u5316 *\/\n.yt-grid {\n  grid-template-columns: repeat(auto-fill, minmax(150px, 190px)) !important;\n  gap: 14px !important;\n  align-items: start !important;\n}\n\n.yt-card {\n  max-width: 190px !important;\n  border-radius: 14px !important;\n}\n\n.yt-thumb {\n  width: 100% !important;\n}\n\n.yt-body {\n  padding: 9px 10px 10px !important;\n}\n\n.yt-meta {\n  gap: 4px !important;\n  margin-bottom: 7px !important;\n}\n\n.yt-chip {\n  min-height: 18px !important;\n  padding: 3px 7px !important;\n  font-size: 10px !important;\n  line-height: 1.05 !important;\n}\n\n.yt-thumb-badge {\n  top: 6px !important;\n  left: 6px !important;\n  min-height: 20px !important;\n  padding: 4px 8px !important;\n  font-size: 10px !important;\n}\n\n.yt-card-title {\n  font-size: 13px !important;\n  line-height: 1.42 !important;\n}\n\n@media (max-width: 640px) {\n  .yt-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 12px !important;\n  }\n\n  .yt-card {\n    max-width: none !important;\n  }\n}\n\n\n\/* v36\uff1a\u4f5c\u54c1\u30ab\u30fc\u30c9\u306f\u300c\u30bf\u30a4\u30c8\u30eb \u2192 \u30bf\u30b0\u300d\u306e\u9806\u306b\u5909\u66f4 *\/\n.yt-works-page .yt-body {\n  display: grid !important;\n  grid-template-rows: auto auto !important;\n  gap: 9px !important;\n}\n\n.yt-works-page .yt-card-title {\n  order: 1 !important;\n  margin: 0 !important;\n  min-height: auto !important;\n}\n\n.yt-works-page .yt-meta {\n  order: 2 !important;\n  margin: 0 !important;\n}\n\n\/* v36\uff1a\u691c\u7d22\u30dc\u30bf\u30f3\u3092\u691c\u7d22\u6b04\u306e\u53f3\u306b\u56fa\u5b9a\u3002\u30b9\u30de\u30db\u3067\u3082\u6a2a\u4e26\u3073 *\/\n.yt-works-page .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-works-page .yt-search-submit {\n  width: auto !important;\n  min-width: 64px !important;\n  height: 44px !important;\n  min-height: 44px !important;\n  padding: 8px 13px !important;\n  border-radius: 14px !important;\n  white-space: nowrap !important;\n}\n\n.yt-works-page .yt-search-wrap {\n  min-width: 0 !important;\n}\n\n\/* v36\uff1a\u30bb\u30fc\u30eb\u7d5e\u308a\u8fbc\u307f\u306f\u5e45\u5e83\uff0b\u7279\u5225\u80cc\u666f *\/\n.yt-works-page .yt-sale-filter-btn {\n  grid-column: 1 \/ -1 !important;\n  width: 100% !important;\n  min-height: 44px !important;\n  color: #061018 !important;\n  background: linear-gradient(90deg, #ff8aa0, #ffd166) !important;\n  border-color: rgba(255,209,102,.88) !important;\n  box-shadow: 0 0 16px rgba(255,138,160,.10) !important;\n}\n\n.yt-works-page .yt-sale-filter-btn:hover,\n.yt-works-page .yt-sale-filter-btn.is-active,\n.yt-works-page .yt-sale-filter-btn.is-active:hover {\n  color: #061018 !important;\n  background: linear-gradient(90deg, #ff7a96, #ffd166) !important;\n  border-color: rgba(255,209,102,.95) !important;\n  box-shadow:\n    0 0 0 1px rgba(255,209,102,.12),\n    0 0 20px rgba(255,138,160,.18) !important;\n  filter: brightness(1.04) !important;\n}\n\n\/* v36\uff1a\u30b9\u30de\u30db\/\u30bf\u30d6\u30ec\u30c3\u30c8\u306f\u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f\u3092\u4f5c\u54c1\u4e00\u89a7\u3088\u308a\u4e0a\u3078 *\/\n@media (max-width: 1180px) {\n  .yt-works-page .yt-main {\n    grid-template-columns: 1fr !important;\n  }\n\n  .yt-works-page .yt-side {\n    grid-column: 1 !important;\n    grid-row: 1 !important;\n    position: static !important;\n  }\n\n  .yt-works-page .yt-main > .yt-panel:not(.yt-side) {\n    grid-column: 1 !important;\n    grid-row: 2 !important;\n  }\n}\n\n\/* v36\uff1a\u30b9\u30de\u30db\u30d8\u30c3\u30c0\u30fc\u306e\u88ab\u308a\u5bfe\u7b56\u3002\u30bf\u30a4\u30c8\u30eb\u3092\u5c11\u3057\u5c0f\u3055\u304f\u3057\u3066\u3001\u623b\u308b\u30dc\u30bf\u30f3\u306f\u4e0b\u3078\u9003\u304c\u3059 *\/\n@media (max-width: 640px) {\n  .yt-works-page {\n    padding: 14px 12px 18px !important;\n  }\n\n  .yt-works-page .yt-header {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 12px !important;\n    padding: 14px !important;\n    border-radius: 18px !important;\n  }\n\n  .yt-works-page .yt-brand {\n    display: grid !important;\n    grid-template-columns: 48px minmax(0,1fr) !important;\n    gap: 10px !important;\n    align-items: center !important;\n    min-width: 0 !important;\n  }\n\n  .yt-works-page .yt-logo {\n    width: 48px !important;\n    height: 48px !important;\n    flex-basis: 48px !important;\n    border-radius: 13px !important;\n  }\n\n  .yt-works-page .yt-title {\n    font-size: clamp(18px,5.2vw,23px) !important;\n    line-height: 1.12 !important;\n    letter-spacing: -.08em !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    max-width: 100% !important;\n  }\n\n  .yt-works-page .yt-tagline {\n    font-size: 10.5px !important;\n    line-height: 1.35 !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  .yt-works-page .yt-nav {\n    display: block !important;\n    width: 100% !important;\n  }\n\n  .yt-works-page .yt-nav .yt-other {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 40px !important;\n    font-size: 12px !important;\n    border-radius: 999px !important;\n  }\n\n  .yt-works-page .yt-main {\n    margin-top: 12px !important;\n    gap: 12px !important;\n  }\n\n  .yt-works-page .yt-panel {\n    padding: 14px !important;\n    border-radius: 18px !important;\n  }\n\n  .yt-works-page .yt-search-row {\n    grid-template-columns: minmax(0,1fr) auto !important;\n    gap: 8px !important;\n  }\n\n  .yt-works-page .yt-search-submit {\n    width: auto !important;\n    min-width: 62px !important;\n    height: 42px !important;\n    min-height: 42px !important;\n    padding: 7px 12px !important;\n    font-size: 12px !important;\n  }\n\n  .yt-works-page .yt-filter-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr)) !important;\n    gap: 8px !important;\n  }\n\n  .yt-works-page .yt-sale-filter-btn,\n  .yt-works-page .yt-filter-tags-link {\n    grid-column: 1 \/ -1 !important;\n  }\n\n  .yt-works-page .yt-results-head {\n    grid-template-columns: 1fr !important;\n  }\n\n  .yt-works-page .yt-results-actions {\n    width: 100% !important;\n  }\n\n  .yt-works-page .yt-results-actions .yt-list-sort {\n    width: 100% !important;\n  }\n\n  .yt-works-page .yt-body {\n    gap: 8px !important;\n    padding: 12px !important;\n  }\n\n  .yt-works-page .yt-card-title {\n    font-size: 15.5px !important;\n    line-height: 1.45 !important;\n  }\n\n  .yt-works-page .yt-meta {\n    gap: 6px !important;\n  }\n}\n\n\n\/* v37\uff1a\u30b9\u30de\u30db\u3067\u3082\u300c\u5225\u9928\u30c8\u30c3\u30d7\u3078\u623b\u308b\u300d\u3092\u30bf\u30a4\u30c8\u30eb\u53f3\u5074\u3078\u914d\u7f6e *\/\n@media (max-width: 640px) {\n  .yt-works-page .yt-header {\n    display: grid !important;\n    grid-template-columns: minmax(0,1fr) auto !important;\n    gap: 10px !important;\n    align-items: center !important;\n    padding: 12px !important;\n    border-radius: 18px !important;\n  }\n\n  .yt-works-page .yt-brand {\n    display: grid !important;\n    grid-template-columns: 44px minmax(0,1fr) !important;\n    gap: 9px !important;\n    align-items: center !important;\n    min-width: 0 !important;\n  }\n\n  .yt-works-page .yt-logo {\n    width: 44px !important;\n    height: 44px !important;\n    flex-basis: 44px !important;\n    border-radius: 13px !important;\n  }\n\n  .yt-works-page .yt-title {\n    font-size: clamp(16px,4.35vw,20px) !important;\n    line-height: 1.12 !important;\n    letter-spacing: -.08em !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    max-width: 100% !important;\n  }\n\n  .yt-works-page .yt-tagline {\n    margin-top: 4px !important;\n    font-size: 9.8px !important;\n    line-height: 1.25 !important;\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  .yt-works-page .yt-nav {\n    display: flex !important;\n    width: auto !important;\n    justify-content: flex-end !important;\n    align-items: center !important;\n    min-width: 0 !important;\n  }\n\n  .yt-works-page .yt-nav .yt-other {\n    width: auto !important;\n    min-width: 118px !important;\n    min-height: 38px !important;\n    padding: 8px 11px !important;\n    border-radius: 999px !important;\n    font-size: 11px !important;\n    line-height: 1 !important;\n    white-space: nowrap !important;\n  }\n\n  \/* v37\uff1a\u7d5e\u308a\u8fbc\u307f6\u30ab\u30c6\u30b4\u30ea\u306f\u30b9\u30de\u30db\u30673\u5217\u306b\u3059\u308b *\/\n  .yt-works-page .yt-filter-grid {\n    grid-template-columns: repeat(3,minmax(0,1fr)) !important;\n    gap: 8px !important;\n  }\n\n  .yt-works-page .yt-filter-btn {\n    min-height: 42px !important;\n    padding: 7px 5px !important;\n    border-radius: 14px !important;\n    font-size: 10.5px !important;\n    line-height: 1.15 !important;\n    letter-spacing: -.04em !important;\n    white-space: normal !important;\n  }\n\n  .yt-works-page .yt-sale-filter-btn,\n  .yt-works-page .yt-filter-tags-link {\n    grid-column: 1 \/ -1 !important;\n  }\n}\n\n\/* v37\uff1a\u304b\u306a\u308a\u72ed\u3044\u753b\u9762\u3060\u3051\u3001\u623b\u308b\u30dc\u30bf\u30f3\u3092\u3055\u3089\u306b\u8a70\u3081\u308b *\/\n@media (max-width: 390px) {\n  .yt-works-page .yt-header {\n    gap: 8px !important;\n    padding: 11px !important;\n  }\n\n  .yt-works-page .yt-brand {\n    grid-template-columns: 40px minmax(0,1fr) !important;\n    gap: 8px !important;\n  }\n\n  .yt-works-page .yt-logo {\n    width: 40px !important;\n    height: 40px !important;\n    flex-basis: 40px !important;\n  }\n\n  .yt-works-page .yt-title {\n    font-size: clamp(15px,4.05vw,18px) !important;\n  }\n\n  .yt-works-page .yt-tagline {\n    font-size: 9px !important;\n  }\n\n  .yt-works-page .yt-nav .yt-other {\n    min-width: 108px !important;\n    padding: 8px 9px !important;\n    font-size: 10.5px !important;\n  }\n}\n\n\n\/* v38\uff1a\u30bb\u30fc\u30eb\u306f\u72ec\u7acb\u7d5e\u308a\u8fbc\u307f\u3002\u901a\u5e38\u30ab\u30c6\u30b4\u30ea\u5185\u306b\u306f\u8868\u793a\u3055\u305b\u306a\u3044 *\/\n.yt-works-page .yt-sale-filter-btn {\n  grid-column: 1 \/ -1 !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-bekkan-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-bekkan.png\" alt=\"\u5225\u9928\u30a2\u30a4\u30b3\u30f3\">\n        <\/div>\n        <div>\n          <h1 class=\"yt-title\">\u8da3\u5473\u306e\u305f\u307e\u308a\u5834\uff5c<span>\u5225\u9928<\/span><\/h1>\n          <p class=\"yt-tagline\">\u5225\u9928\u30ec\u30d3\u30e5\u30fc\u3092\u63a2\u3059<\/p>\n        <\/div>\n      <\/div>\n\n      <nav class=\"yt-nav\" aria-label=\"\u5225\u9928\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">\n        <a class=\"yt-other\" href=\"https:\/\/shuminotamariba.com\/index.php\/bekkan\/\">\u5225\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=\"\u30bf\u30a4\u30c8\u30eb\u30fb\u30bf\u30b0\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=\"staff\">\u4f5c\u8005\u30fb\u30b5\u30fc\u30af\u30eb<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"type\">\u4f5c\u54c1\u533a\u5206\u30fb\u4ed5\u69d8<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"situation\">\u95a2\u4fc2\u6027\u30fb\u30b7\u30c1\u30e5<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"outfit\">\u898b\u305f\u76ee\u30fb\u670d\u88c5<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"fetish\">\u30d5\u30a7\u30c1\u30fb\u63cf\u5199<\/button>\n            <button class=\"yt-filter-btn\" type=\"button\" data-filter-open=\"play\">\u30d7\u30ec\u30a4\u30fb\u4f53\u4f4d<\/button>\n                      <a class=\"yt-filter-tags-link\" href=\"https:\/\/shuminotamariba.com\/index.php\/bekkan-tags\/\">\u30bf\u30b0\u4e00\u89a7\u3078<\/a>\n          <\/div>\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\u30fb\u30b5\u30fc\u30af\u30eb\u9806<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div data-list-body>\n          <div class=\"yt-loading\">\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-bekkan\/\">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\/\"><strong>\u3053\u306e\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066<\/strong>\u5225\u9928\u306e\u65b9\u91dd\u30fb\u6271\u3046\u5185\u5bb9<\/a>\n      <a href=\"https:\/\/shuminotamariba.com\/index.php\/contact\/\"><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\/\"><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\/privacy-policy\/\"><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-bekkan.png?v=works-bekkan-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 = 'bekkan-review';\n    const POSTS_PER_PAGE = 18;\n    const emptyRegular = `\u307e\u3060\u6761\u4ef6\u306b\u5408\u3046\u5225\u9928\u30ec\u30d3\u30e5\u30fc\u306f\u3042\u308a\u307e\u305b\u3093\u3002`;\n\n    const filterData = {\n      staff: { title: '\u4f5c\u8005\u30fb\u30b5\u30fc\u30af\u30eb', prefixes: ['circle', 'creator', 'author'], items: [] },\n      type: { title: '\u4f5c\u54c1\u533a\u5206\u30fb\u4ed5\u69d8', prefixes: ['type', 'work-type', 'spec', 'format', 'series', 'episode', 'censorship'], items: [] },\n      situation: { title: '\u95a2\u4fc2\u6027\u30fb\u30b7\u30c1\u30e5', prefixes: ['situation', 'scene', 'relationship', 'relation', 'attribute', 'attr'], items: [] },\n      outfit: { title: '\u898b\u305f\u76ee\u30fb\u670d\u88c5', prefixes: ['outfit', 'costume', 'look', 'appearance'], items: [] },\n      fetish: { title: '\u30d5\u30a7\u30c1\u30fb\u63cf\u5199', prefixes: ['fetish', 'description', 'depiction', 'other'], items: [] },\n      play: { title: '\u30d7\u30ec\u30a4\u30fb\u4f53\u4f4d', prefixes: ['play', 'position'], items: [] }\n    };\n\n    const filterKeyAliases = {\n      circle: 'staff',\n      creator: 'staff',\n      author: 'staff',\n      type: 'type',\n      situation: 'situation',\n      scene: 'situation',\n      attribute: 'situation',\n      attr: 'situation',\n      outfit: 'outfit',\n      costume: 'outfit',\n      other: 'fetish',\n      fetish: 'fetish',\n      play: 'play',\n      position: 'play',\n      sale: 'sale'\n    };\n\n    const tagCategoryMap = {\n      \"narusawa-kei\": \"staff\",\n      \"sound-sticker\": \"staff\",\n      \"ero-doujinshi\": \"type\",\n      \"series\": \"type\",\n      \"episode-1\": \"type\",\n      \"black-bar-censorship\": \"type\",\n      \"neighbor\": \"situation\",\n      \"otoutobun\": \"situation\",\n      \"bss\": \"situation\",\n      \"taboo-sex\": \"situation\",\n      \"someone-elses-room\": \"situation\",\n      \"peeping\": \"situation\",\n      \"male-masturbation-witness\": \"situation\",\n      \"older-woman\": \"situation\",\n      \"body-size-difference\": \"situation\",\n      \"virgin\": \"situation\",\n      \"virgin-unknown\": \"situation\",\n      \"strong-libido\": \"situation\",\n      \"seiso-character\": \"situation\",\n      \"proactive-heroine\": \"situation\",\n      \"blonde-long-hair\": \"outfit\",\n      \"large-breasts\": \"outfit\",\n      \"fair-skin\": \"outfit\",\n      \"white-knee-socks\": \"outfit\",\n      \"pink-panties\": \"outfit\",\n      \"nude\": \"outfit\",\n      \"pubic-hair\": \"outfit\",\n      \"love-juice\": \"fetish\",\n      \"semen-drip\": \"fetish\",\n      \"kupa\": \"fetish\",\n      \"uterus-cross-section\": \"fetish\",\n      \"first-ejaculation\": \"fetish\",\n      \"fellatio\": \"play\",\n      \"raw-insertion\": \"play\",\n      \"nakadashi\": \"play\",\n      \"multiple-nakadashi\": \"play\",\n      \"nipple-sucking\": \"play\",\n      \"missionary-position\": \"play\",\n      \"daishuki-hold\": \"play\",\n      \"rear-sitting-position\": \"play\",\n      \"rear-side-position\": \"play\",\n      \"sale\": \"sale\"\n};\n\n    const normalizeFilterKey = (key) => {\n      const normalized = String(key || '').trim();\n      return filterKeyAliases[normalized] || (filterData[normalized] ? normalized : '');\n    };\n\n    const getTagGroupKey = (tag) => {\n      const explicitKey = normalizeFilterKey(tag && tag.key ? tag.key : '');\n      if (explicitKey && explicitKey !== 'sale') return explicitKey;\n\n      const slug = String(tag && tag.slug ? tag.slug : tag || '').toLowerCase();\n      if (!slug) return '';\n      if (slug === 'sale') return 'sale';\n      if (tagCategoryMap[slug]) return tagCategoryMap[slug];\n\n      return Object.keys(filterData).find((key) => {\n        return (filterData[key].prefixes || []).some((prefix) => slug === prefix || slug.startsWith(prefix + '-') || slug.startsWith(prefix + '_'));\n      }) || '';\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 = normalizeFilterKey(initialOpen);\n    const initialKey = (queryParams.get('key') || queryParams.get('filterKey') || '').trim();\n    const initialFilterKey = normalizeFilterKey(initialKey);\n\n    const inferFilterKeyFromTag = (tag) => {\n      if (!tag) return '';\n      if (tag === 'sale') return 'sale';\n      return getTagGroupKey({ slug: tag });\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 inlineTagSlugMap = {\n      \"\u306a\u308b\u3055\u308f\u666f\": \"narusawa-kei\",\n      \"\u30b5\u30a6\u30f3\u30c9\u30b9\u30c6\u30c3\u30ab\u30fc\": \"sound-sticker\",\n      \"\u30a8\u30ed\u540c\u4eba\u8a8c\": \"ero-doujinshi\",\n      \"\u30b7\u30ea\u30fc\u30ba\u4f5c\u54c1\": \"series\",\n      \"1\u8a71\u76ee\": \"episode-1\",\n      \"\u9ed2\u68d2\u4fee\u6b63\": \"black-bar-censorship\",\n      \"\u30bb\u30fc\u30eb\": \"sale\",\n      \"\u96a3\u4eba\": \"neighbor\",\n      \"\u5f1f\u5206\": \"otoutobun\",\n      \"BSS\": \"bss\",\n      \"\u80cc\u5fb3\u30bb\u30c3\u30af\u30b9\": \"taboo-sex\",\n      \"\u4ed6\u4eba\u306e\u90e8\u5c4b\": \"someone-elses-room\",\n      \"\u8997\u304d\": \"peeping\",\n      \"\u7537\u306e\u30aa\u30ca\u30cb\u30fc\u76ee\u6483\": \"male-masturbation-witness\",\n      \"\u5e74\u4e0a\u5973\u6027\": \"older-woman\",\n      \"\u4f53\u683c\u5dee\": \"body-size-difference\",\n      \"\u7ae5\u8c9e\": \"virgin\",\n      \"\u7ae5\u8c9e\u00d7\u4e0d\u660e\": \"virgin-unknown\",\n      \"\u6027\u6b32\u5f37\u3081\": \"strong-libido\",\n      \"\u6e05\u695a\u7cfb\u30ad\u30e3\u30e9\": \"seiso-character\",\n      \"\u7a4d\u6975\u7684\u30d2\u30ed\u30a4\u30f3\": \"proactive-heroine\",\n      \"\u91d1\u9aea\u30ed\u30f3\u30b0\": \"blonde-long-hair\",\n      \"\u5de8\u4e73\": \"large-breasts\",\n      \"\u8272\u767d\": \"fair-skin\",\n      \"\u767d\u30cb\u30fc\u30cf\u30a4\": \"white-knee-socks\",\n      \"\u30d4\u30f3\u30af\u30d1\u30f3\u30c4\": \"pink-panties\",\n      \"\u5168\u88f8\": \"nude\",\n      \"\u9670\u6bdb\u3042\u308a\": \"pubic-hair\",\n      \"\u611b\u6db2\": \"love-juice\",\n      \"\u7cbe\u6db2\u5782\u308c\": \"semen-drip\",\n      \"\u304f\u3071\u3041\": \"kupa\",\n      \"\u5b50\u5bae\u65ad\u9762\u56f3\": \"uterus-cross-section\",\n      \"\u521d\u5c04\u7cbe\": \"first-ejaculation\",\n      \"\u30d5\u30a7\u30e9\": \"fellatio\",\n      \"\u751f\u633f\u5165\": \"raw-insertion\",\n      \"\u4e2d\u51fa\u3057\": \"nakadashi\",\n      \"\u9023\u7d9a\u4e2d\u51fa\u3057\": \"multiple-nakadashi\",\n      \"\u4e73\u9996\u5438\u3044\": \"nipple-sucking\",\n      \"\u6b63\u5e38\u4f4d\": \"missionary-position\",\n      \"\u3060\u3044\u3057\u3085\u304d\u30db\u30fc\u30eb\u30c9\": \"daishuki-hold\",\n      \"\u5ea7\u4f4d(\u80cc\u9762)\": \"rear-sitting-position\",\n      \"\u5074\u4f4d(\u80cc\u9762)\": \"rear-side-position\"\n    };\n\n    const extractInlineTagsFromHtml = (html) => {\n      const div = document.createElement('div');\n      div.innerHTML = html || '';\n\n      const nodes = Array.from(div.querySelectorAll(\n        'a.yt-tag, span.yt-tag, .yt-info-tags a, .yt-info-tags span, .yt-tags-wide a.yt-tag, .yt-tags-wide span.yt-tag'\n      ));\n\n      const used = new Set();\n      const items = [];\n\n      nodes.forEach((node, index) => {\n        const label = (node.textContent || '').replace(\/\\s+\/g, ' ').trim();\n        if (!label) return;\n\n        let slug = String(node.dataset.tag || node.dataset.slug || '').trim();\n        let key = String(node.dataset.key || '').trim();\n\n        const href = node.getAttribute('href') || '';\n        if (href) {\n          try {\n            const url = new URL(href, window.location.origin);\n            slug = slug || String(url.searchParams.get('tag') || url.searchParams.get('filter') || '').trim();\n            key = key || String(url.searchParams.get('key') || url.searchParams.get('filterKey') || '').trim();\n          } catch (_) {}\n        }\n\n        slug = (slug || inlineTagSlugMap[label] || '').trim();\n        if (!slug) return;\n\n        slug = slug.toLowerCase();\n        key = normalizeFilterKey(key) || getTagGroupKey({ slug });\n\n        if (used.has(slug)) return;\n        used.add(slug);\n\n        items.push({\n          id: 'inline-' + index + '-' + slug,\n          name: label,\n          slug,\n          key,\n          source: 'content'\n        });\n      });\n\n      return items;\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 contentImage = (html) => {\n      const div = document.createElement('div');\n      div.innerHTML = html || '';\n\n      \/\/ \u30d8\u30c3\u30c0\u30fc\u306e\u5225\u9928\u30a2\u30a4\u30b3\u30f3\u3067\u306f\u306a\u304f\u3001\u30ec\u30d3\u30e5\u30fc\u8a18\u4e8b\u5074\u306e\u8868\u7d19\u3060\u3051\u3092\u62fe\u3046\u3002\n      const selectors = [\n        '.yt-work-panel .yt-cover-box img',\n        '.yt-cover-box img',\n        'img[src*=\"junbichu-cover\"]'\n      ];\n\n      for (const selector of selectors) {\n        const image = div.querySelector(selector);\n        if (!image) continue;\n\n        const src = image.getAttribute('src') || image.currentSrc || '';\n        if (!src) continue;\n        if (src.includes('icon-bekkan')) continue;\n\n        return src;\n      }\n\n      return '';\n    };\n\n    const safeFeaturedImage = (post) => {\n      const image = featuredImage(post);\n      if (!image) return '';\n      if (image.includes('icon-bekkan')) return '';\n      return image;\n    };\n\n    const rankLabel = (score) => {\n      const value = Number(score) || 0;\n      if (value >= 5) return '\u6bbf\u5802';\n      if (value >= 4.5) return '+S';\n      if (value >= 4.0) return '-S';\n      if (value >= 3.5) return '+A';\n      if (value >= 3.0) return '-A';\n      if (value >= 2.5) return '+B';\n      if (value >= 2.0) return '-B';\n      return 'C';\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      return getTagGroupKey(tag) === group;\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 wpTags = (post.tags || []).map((id) => tagMap.get(id)).filter(Boolean);\n      const inlineTags = extractInlineTagsFromHtml(post.content && post.content.rendered);\n      const mergedTags = new Map();\n\n      [...wpTags, ...inlineTags].forEach((tag) => {\n        const slug = String(tag && tag.slug ? tag.slug : '').toLowerCase();\n        if (!slug) return;\n        mergedTags.set(slug, {\n          id: tag.id || slug,\n          name: tag.name || slug,\n          slug,\n          key: tag.key || getTagGroupKey(tag),\n          source: tag.source || 'wp'\n        });\n      });\n\n      const tags = Array.from(mergedTags.values());\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 + ' ' + tag.slug).join(' ')].join(' ');\n      const creatorTag = tags.find((tag) => tagBelongsTo(tag, 'staff'));\n\n      const meta = post.yt_bekkan_meta || {};\n      const rawMeta = post.meta || {};\n      const metaCover = meta.cover_url || rawMeta._yt_bekkan_cover_url || '';\n      const metaScore = Number(meta.score || rawMeta._yt_bekkan_score || 0);\n      const metaRank = meta.rank || rawMeta._yt_bekkan_rank || '';\n\n      const fallbackScore = 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\n      const score = metaScore || fallbackScore;\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: metaCover || contentImage(post.content && post.content.rendered) || safeFeaturedImage(post),\n        tags,\n        score,\n        rank: metaRank || rankLabel(score),\n        cardTagSlugs: Array.isArray(meta.card_tag_slugs) ? meta.card_tag_slugs : [],\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: [\n          title,\n          tags.map((tag) => tag.name + ' ' + tag.slug).join(' ')\n        ].join(' ').toLowerCase()\n      };\n    };\n\n    const buildFilterData = () => {\n      Object.keys(filterData).forEach((key) => {\n        filterData[key].runtimeItems = [];\n      });\n\n      const counter = new Map();\n\n      const addCount = (key, tag) => {\n        if (!filterData[key] || !tag || !tag.slug) return;\n\n        const id = key + ':' + tag.slug;\n\n        if (!counter.has(id)) {\n          counter.set(id, {\n            key,\n            tag: tag.slug,\n            label: tag.name || tag.slug,\n            count: 0\n          });\n        }\n\n        counter.get(id).count += 1;\n      };\n\n      allPosts.forEach((post) => {\n        post.tags.forEach((tag) => {\n          const groupKey = getTagGroupKey(tag);\n\n          \/\/ v38\uff1a\u30bb\u30fc\u30eb\u306f\u72ec\u7acb\u30dc\u30bf\u30f3\u3067\u6271\u3046\u3002\u30d5\u30a7\u30c1\u30fb\u63cf\u5199\u306a\u3069\u306e\u901a\u5e38\u30ab\u30c6\u30b4\u30ea\u306b\u306f\u6df7\u305c\u306a\u3044\u3002\n          if (groupKey === 'sale') return;\n\n          let matched = false;\n\n          Object.keys(filterData).forEach((key) => {\n            if (groupKey === key) {\n              addCount(key, tag);\n              matched = true;\n            }\n          });\n\n          if (!matched) {\n            addCount('fetish', tag);\n          }\n        });\n      });\n\n      Array.from(counter.values()).forEach((item) => {\n        filterData[item.key].runtimeItems.push({\n          label: item.label + '(' + item.count + ')',\n          rawLabel: item.label,\n          tag: item.tag,\n          count: item.count\n        });\n      });\n\n      Object.keys(filterData).forEach((key) => {\n        filterData[key].runtimeItems.sort((a, b) => {\n          const labelCompare = (a.rawLabel || a.label).localeCompare((b.rawLabel || b.label), 'ja');\n          return labelCompare || String(a.tag).localeCompare(String(b.tag), 'ja');\n        });\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 cardTags = (post) => {\n      const selected = [];\n      const used = new Set();\n\n      const pushTag = (label, className = 'yt-chip-key') => {\n        const safeLabel = String(label || '').trim();\n        if (!safeLabel || used.has(safeLabel)) return;\n        used.add(safeLabel);\n        selected.push({ label: safeLabel, className });\n      };\n\n      const pushBySlug = (slug) => {\n        const safeSlug = String(slug || '').toLowerCase().trim();\n        if (!safeSlug) return;\n\n        const tag = post.tags.find((item) => item.slug === safeSlug);\n        if (!tag) return;\n\n        const className = safeSlug === 'sale'\n          ? 'yt-chip-sale'\n          : (tagBelongsTo(tag, 'staff') ? 'yt-chip-staff' : 'yt-chip-key');\n\n        pushTag(tag.name, className);\n      };\n\n      \/\/ \u30bb\u30fc\u30eb\u30bf\u30b0\u306f\u3001\u30c1\u30a7\u30c3\u30af\u306e\u6709\u7121\u306b\u95a2\u4fc2\u306a\u304f\u5fc5\u305a\u8868\u793a\u3002\n      pushBySlug('sale');\n\n      \/\/ v32\uff1a\u6295\u7a3f\u7de8\u96c6\u753b\u9762\u306e\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\u3067\u9078\u3093\u3060\u30bf\u30b0\u304c\u3042\u308c\u3070\u3001\u305d\u308c\u3092\u512a\u5148\u8868\u793a\u3002\n      if (Array.isArray(post.cardTagSlugs) && post.cardTagSlugs.length) {\n        post.cardTagSlugs.forEach(pushBySlug);\n        return selected.slice(0, 8);\n      }\n\n      \/\/ \u672a\u9078\u629e\u6642\u306e\u4fdd\u967a\uff1a\u5f93\u6765\u306e\u4e3b\u8981\u30bf\u30b0\u81ea\u52d5\u8868\u793a\u3002\n      post.tags\n        .filter((tag) => tagBelongsTo(tag, 'staff'))\n        .forEach((tag) => pushTag(tag.name, 'yt-chip-staff'));\n\n      const prioritySlugs = [\n        'ero-doujinshi',\n        'episode-1',\n        'bss',\n        'white-knee-socks',\n        'daishuki-hold',\n        'nakadashi',\n        'missionary-position'\n      ];\n\n      prioritySlugs.forEach(pushBySlug);\n\n      post.tags.forEach((tag) => {\n        if (selected.length >= 6) return;\n        if (tagBelongsTo(tag, 'staff')) return;\n        pushBySlug(tag.slug);\n      });\n\n      return selected.slice(0, 6);\n    };\n\n    const cardHtml = (post) => {\n      const tagsHtml = cardTags(post)\n        .map((tag) => '<span class=\"yt-chip ' + tag.className + '\">' + escapeText(tag.label) + '<\/span>')\n        .join('');\n\n      const thumb = post.image\n        ? '<img decoding=\"async\" src=\"' + post.image + '\" alt=\"\">'\n        : '';\n\n      const typeBadge = post.tags.some((tag) => tag.slug === 'ero-doujinshi')\n        ? '<span class=\"yt-thumb-badge\">\u30a8\u30ed\u540c\u4eba\u8a8c<\/span>'\n        : '';\n\n      return `\n        <a class=\"yt-card\" href=\"${post.link}\">\n          <span class=\"yt-thumb\">${typeBadge}${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>\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\">\u8a72\u5f53\u30bf\u30b0\u304c\u8a18\u4e8b\u5185\u307e\u305f\u306f\u6295\u7a3f\u30bf\u30b0\u306b\u5165\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\u5225\u9928 \u5225\u9928\u30ec\u30d3\u30e5\u30fc\u3092\u63a2\u3059 \u5225\u9928\u30c8\u30c3\u30d7\u3078\u623b\u308b \u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f \u00d7 \u691c\u7d22 \u30bb\u30fc\u30eb \u4f5c\u8005\u30fb\u30b5\u30fc\u30af\u30eb \u4f5c\u54c1\u533a\u5206\u30fb\u4ed5\u69d8 \u95a2\u4fc2\u6027\u30fb\u30b7\u30c1\u30e5 \u898b\u305f\u76ee\u30fb\u670d\u88c5 \u30d5\u30a7\u30c1\u30fb\u63cf\u5199 \u30d7\u30ec\u30a4\u30fb\u4f53\u4f4d \u30bf\u30b0\u4e00\u89a7\u3078 \u4f5c\u54c1\u4e00\u89a7 \u8aad\u307f\u8fbc\u307f\u4e2d \u65b0 [&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-497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/497","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=497"}],"version-history":[{"count":40,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/497\/revisions"}],"predecessor-version":[{"id":875,"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/pages\/497\/revisions\/875"}],"wp:attachment":[{"href":"https:\/\/shuminotamariba.com\/index.php\/wp-json\/wp\/v2\/media?parent=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}