{"id":3073,"date":"2026-01-29T04:27:02","date_gmt":"2026-01-29T04:27:02","guid":{"rendered":"https:\/\/sml.sheer.jp\/lp\/?page_id=3073"},"modified":"2026-04-02T01:34:00","modified_gmt":"2026-04-02T01:34:00","slug":"office-event","status":"publish","type":"page","link":"https:\/\/sml.sheer.jp\/lp\/office-event\/","title":{"rendered":"\u4e8b\u52d9\u6240\u5185\u30a4\u30d9\u30f3\u30c8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3073\" class=\"elementor elementor-3073\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec39e13 e-flex e-con-boxed e-con e-parent\" data-id=\"ec39e13\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a3d4f elementor-widget elementor-widget-html\" data-id=\"d3a3d4f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --sml-orange: #ff7a00;\r\n    --sml-orange-light: #ffe1c4;\r\n    --bg: #ffffff;\r\n    --gray: #f5f5f7;\r\n    --text-main: #222222;\r\n    --text-sub: #555555;\r\n    --border-soft: #e1e3e8;\r\n    --radius-lg: 18px;\r\n    --shadow-soft: 0 14px 35px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\/* \u30da\u30fc\u30b8\u5168\u4f53\u3078\u306e\u5f71\u97ff\u3092\u907f\u3051\u308b\uff1a\u3053\u306e\u56fa\u5b9a\u30da\u30fc\u30b8\u5185\u3060\u3051\u306b\u9069\u7528 *\/\r\n.sml-events {\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  color: var(--text-main);\r\n  line-height: 1.6;\r\n  background: var(--bg);\r\n}\r\n\r\n  .sml-events {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 40px 16px 80px;\r\n  }\r\n\r\n  .section-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 11px;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    padding: 4px 10px;\r\n    border-radius: 999px;\r\n    background: #fff4e9;\r\n    color: #b85b00;\r\n  }\r\n\r\n  .section-label-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 999px;\r\n    background: var(--sml-orange);\r\n  }\r\n\r\n  .sml-hero {\r\n    background: radial-gradient(circle at top left, #ffe8d5, #fff);\r\n    border-radius: 32px;\r\n    padding: 32px 26px 30px;\r\n    box-shadow: var(--shadow-soft);\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .sml-hero-main h1 {\r\n    font-size: clamp(26px, 3vw, 32px);\r\n    line-height: 1.25;\r\n    margin: 10px 0 10px;\r\n  }\r\n\r\n  .sml-hero-main p {\r\n    color: var(--text-sub);\r\n    font-size: 14px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .hero-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .hero-badge {\r\n    font-size: 11px;\r\n    padding: 4px 9px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.7);\r\n    border: 1px solid rgba(255, 122, 0, 0.25);\r\n    backdrop-filter: blur(6px);\r\n  }\r\n\r\n  .hero-cta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    align-items: center;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .btn-primary,\r\n  .btn-ghost {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    padding: 10px 20px;\r\n    border-radius: 999px;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    text-decoration: none;\r\n    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease,\r\n      color 0.15s ease, border-color 0.15s ease;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .btn-primary {\r\n    background: var(--sml-orange);\r\n    color: #ffffff;\r\n    box-shadow: 0 10px 24px rgba(255, 122, 0, 0.4);\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 16px 32px rgba(255, 122, 0, 0.45);\r\n    background: #ff8c22;\r\n  }\r\n\r\n  .btn-ghost {\r\n    background: rgba(255, 255, 255, 0.7);\r\n    color: #a74d00;\r\n    border: 1px solid rgba(255, 122, 0, 0.2);\r\n  }\r\n\r\n  .btn-ghost:hover {\r\n    background: #ffe9d4;\r\n  }\r\n\r\n\u3000\/* \u5c0f\u3055\u3081\u30dc\u30bf\u30f3\uff08\u30ab\u30fc\u30c9\u7528\uff09 *\/\r\n.btn-sm {\r\n  padding: 7px 14px;\r\n  font-size: 12px;\r\n}\r\n\r\n\/* \u30ab\u30fc\u30c9\u5185\u306e\u5c0f\u30dc\u30bf\u30f3\u5171\u901a *\/\r\n.btn-sm {\r\n  padding: 7px 14px;\r\n  font-size: 12px;\r\n}\r\n\r\n\/* \u6e96\u5099\u4e2d\u8868\u793a *\/\r\n.btn-disabled {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 7px 14px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  background: #f3f4f6;\r\n  color: #888;\r\n  border: 1px solid #e1e3e8;\r\n  text-decoration: none;\r\n  pointer-events: none;\r\n  cursor: default;\r\n  white-space: nowrap;\r\n}\r\n\r\n  .sml-hero-visual {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    background: linear-gradient(145deg, #ffcf99, #ffb27a);\r\n    padding: 16px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n  }\r\n\r\n  .hero-tag {\r\n    font-size: 11px;\r\n    color: #ffffff;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .hero-thumb-row {\r\n    display: flex;\r\n    gap: 10px;\r\n    overflow-x: auto;\r\n    padding-bottom: 4px;\r\n  }\r\n\r\n  .hero-thumb-card {\r\n    min-width: 120px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border-radius: 14px;\r\n    padding: 8px;\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .hero-thumb-card strong {\r\n    display: block;\r\n    font-size: 12px;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .hero-thumb-meta {\r\n    font-size: 10px;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .hero-stat-row {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .hero-stat {\r\n    flex: 1;\r\n    background: rgba(255, 255, 255, 0.18);\r\n    border-radius: 12px;\r\n    padding: 6px 9px;\r\n    font-size: 11px;\r\n    color: #fff;\r\n  }\r\n\r\n  .hero-stat strong {\r\n    display: block;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .section {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .section-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .section-title {\r\n    font-size: 18px;\r\n    margin: 4px 0 0;\r\n  }\r\n\r\n  .section-desc {\r\n    font-size: 13px;\r\n    color: var(--text-sub);\r\n    margin: 0;\r\n  }\r\n\r\n  .section-link {\r\n    font-size: 12px;\r\n    color: #888;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  .section-link:hover {\r\n    color: var(--sml-orange);\r\n  }\r\n\r\n  .events-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .event-card {\r\n    background: #ffffff;\r\n    border-radius: var(--radius-lg);\r\n    border: 1px solid var(--border-soft);\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\/* ===== event-thumb\uff1a\u753b\u50cf\u5bfe\u5fdc\u306e\u5b8c\u6210\u7248 ===== *\/\r\n.event-thumb{\r\n  height:130px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background: linear-gradient(135deg, #ffaf7a, #ff7a7a);\r\n}\r\n\r\n\/* \u30b5\u30e0\u30cd\u753b\u50cf *\/\r\n.event-thumb img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n\/* \u753b\u50cf\u306e\u4e0a\u306b\u8584\u3044\u30d5\u30a3\u30eb\u30bf\u30fc\uff08\u6587\u5b57\u30fb\u30bf\u30b0\u304c\u898b\u3084\u3059\u304f\u306a\u308b\uff09 *\/\r\n.event-thumb::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background: linear-gradient(135deg, rgba(0,0,0,.20), rgba(0,0,0,.05));\r\n  pointer-events:none;\r\n  z-index:2;\r\n}\r\n\r\n\/* \u30bf\u30b0 *\/\r\n.event-thumb-tag{\r\n  position:absolute;\r\n  top:10px;\r\n  left:10px;\r\n  z-index:4;\r\n}\r\n\r\n\/* \u518d\u751f\u30dc\u30bf\u30f3\uff08\u4e2d\u592e\u56fa\u5b9a\uff09 *\/\r\n.event-thumb-play{\r\n  position:absolute;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\r\n  z-index:3;\r\n}\r\n\r\n  .event-body {\r\n    padding: 14px 14px 12px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .event-title {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin: 0 0 2px;\r\n  }\r\n\r\n  .event-meta {\r\n    font-size: 11px;\r\n    color: #777;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px 10px;\r\n  }\r\n\r\n  .event-status {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    padding: 3px 8px;\r\n    border-radius: 999px;\r\n    font-size: 11px;\r\n    background: #eafaf0;\r\n    color: #2f7c43;\r\n  }\r\n\r\n  .event-status-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    background: #2f7c43;\r\n  }\r\n\r\n.event-status.is-upcoming{\r\n  background:#eaf3ff;\r\n  color:#1e56b3;\r\n}\r\n.event-status.is-upcoming .event-status-dot{\r\n  background:#1e56b3;\r\n}\r\n\r\n  .event-footer {\r\n    border-top: 1px solid var(--border-soft);\r\n    padding: 9px 14px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .event-caption {\r\n    font-size: 11px;\r\n    color: #888;\r\n  }\r\n\r\n  .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .feature-card {\r\n    background: var(--gray);\r\n    border-radius: var(--radius-lg);\r\n    padding: 15px 14px;\r\n    display: flex;\r\n    gap: 10px;\r\n  }\r\n\r\n  .feature-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 999px;\r\n    background: #ffffff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .feature-title {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin: 0 0 3px;\r\n  }\r\n\r\n  .feature-text {\r\n    font-size: 12px;\r\n    color: var(--text-sub);\r\n    margin: 0;\r\n  }\r\n\r\n  .timeline {\r\n    background: #ffffff;\r\n    border-radius: var(--radius-lg);\r\n    border: 1px solid var(--border-soft);\r\n    padding: 16px 14px 10px;\r\n  }\r\n\r\n  .timeline-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .timeline-step {\r\n    position: relative;\r\n    padding-left: 20px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .timeline-step-number {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    width: 16px;\r\n    height: 16px;\r\n    border-radius: 999px;\r\n    background: #fff4e9;\r\n    color: #b85b00;\r\n    font-size: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .timeline-step strong {\r\n    display: block;\r\n    margin-bottom: 2px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .timeline-note {\r\n    margin-top: 10px;\r\n    font-size: 11px;\r\n    color: #888;\r\n  }\r\n\r\n  .faq-list {\r\n    border-radius: var(--radius-lg);\r\n    border: 1px solid var(--border-soft);\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .faq-item + .faq-item {\r\n    border-top: 1px solid var(--border-soft);\r\n  }\r\n\r\n  .faq-question {\r\n    padding: 11px 14px;\r\n    font-size: 13px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .faq-question span {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .faq-toggle {\r\n    font-size: 16px;\r\n    transition: transform 0.2s ease;\r\n    color: #999;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .faq-answer {\r\n    padding: 0 14px 0;\r\n    font-size: 12px;\r\n    color: #666;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.2s ease, padding-bottom 0.2s ease;\r\n  }\r\n\r\n  .faq-item.open .faq-answer {\r\n    padding-bottom: 10px;\r\n    max-height: 200px;\r\n  }\r\n\r\n  .faq-item.open .faq-toggle {\r\n    transform: rotate(45deg);\r\n    color: var(--sml-orange);\r\n  }\r\n\r\n  .cta-bottom {\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #fff2df, #ffffff);\r\n    border-radius: 24px;\r\n    padding: 22px 16px 20px;\r\n    border: 1px solid #ffe1c4;\r\n  }\r\n\r\n  .cta-bottom h3 {\r\n    margin: 0 0 6px;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .cta-bottom p {\r\n    margin: 0 0 12px;\r\n    font-size: 13px;\r\n    color: #666;\r\n  }\r\n\r\n  .cta-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .cta-note {\r\n    margin-top: 8px;\r\n    font-size: 11px;\r\n    color: #888;\r\n  }\r\n\r\n  @media (max-width: 800px) {\r\n    .sml-hero {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      padding: 22px 18px 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .sml-events {\r\n      padding: 26px 14px 60px;\r\n    }\r\n\r\n    .section-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .timeline-steps {\r\n      grid-template-columns: minmax(0, 1fr);\r\n    }\r\n  }\r\n  \u3000\/* ===== Past Events Slider (mobile first) ===== *\/\r\n.past-events-slider {\r\n  position: relative;\r\n}\r\n\r\n\/* \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u30a8\u30ea\u30a2 *\/\r\n.past-events-row {\r\n  display: grid;\r\n  grid-auto-flow: column;\r\n  grid-auto-columns: minmax(260px, 1fr);\r\n  gap: 18px;\r\n  overflow-x: auto;\r\n  padding: 2px 2px 10px;\r\n  scroll-snap-type: x mandatory;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n\/* \u30b9\u30ca\u30c3\u30d7 *\/\r\n.past-events-row > .event-card {\r\n  scroll-snap-align: start;\r\n}\r\n\r\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u63a7\u3048\u3081\u306b\uff08\u4e0d\u8981\u306a\u3089\u524a\u9664OK\uff09 *\/\r\n.past-events-row::-webkit-scrollbar {\r\n  height: 8px;\r\n}\r\n.past-events-row::-webkit-scrollbar-thumb {\r\n  background: rgba(0,0,0,0.12);\r\n  border-radius: 999px;\r\n}\r\n.past-events-row::-webkit-scrollbar-track {\r\n  background: rgba(0,0,0,0.04);\r\n  border-radius: 999px;\r\n}\r\n\r\n\/* \u201c\u6a2a\u306b\u30b9\u30ef\u30a4\u30d7\u3067\u304d\u307e\u3059\u201d\u306e\u30d2\u30f3\u30c8 *\/\r\n.swipe-hint {\r\n  font-size: 11px;\r\n  color: #888;\r\n  margin-top: 10px;\r\n}\r\n\r\n\/* PC\u3067\u306f\u901a\u5e38\u30b0\u30ea\u30c3\u30c9\u8868\u793a\u306b\u623b\u3059\uff08\u6a2a\u30b9\u30e9\u30a4\u30c9\u306f\u30b9\u30de\u30db\u91cd\u8996\uff09 *\/\r\n@media (min-width: 900px) {\r\n  .past-events-row {\r\n    display: grid;\r\n    grid-auto-flow: row;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    overflow: visible;\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n\/* \u65e2\u5b58\u306e winners-row \/ winner-card \u306f\u4eca\u5f8c\u4f7f\u308f\u306a\u3044\u306a\u3089\u524a\u9664OK *\/\r\n\/* ===== Auto Status Variants ===== *\/\r\n.event-status{\r\n  font-weight: 600;\r\n}\r\n.event-status.is-open{\r\n  background:#eafaf0;\r\n  color:#2f7c43;\r\n}\r\n.event-status.is-open .event-status-dot{ background:#2f7c43; }\r\n\r\n.event-status.is-soon{\r\n  background:#fff2e2;\r\n  color:#b85b00;\r\n}\r\n.event-status.is-soon .event-status-dot{ background:#ff7a00; }\r\n\r\n.event-status.is-live{\r\n  background:#eef4ff;\r\n  color:#1e56b3;\r\n}\r\n.event-status.is-live .event-status-dot{ background:#1e56b3; }\r\n\r\n.event-status.is-ended{\r\n  background:#f3f4f6;\r\n  color:#6b7280;\r\n}\r\n.event-status.is-ended .event-status-dot{ background:#6b7280; }\r\n\r\n.event-thumb::after{ display:none; }\r\n.event-thumb.has-img::after{ display:block; }\r\n\r\n\/* \u30bf\u30b0\u306e\u898b\u305f\u76ee\u3092\u5fc5\u305a\u201c\u30d4\u30eb\u201d\u306b\u56fa\u5b9a\uff08\u30c6\u30ad\u30b9\u30c8\u5316\u3057\u3066\u88ab\u308b\u4e8b\u6545\u9632\u6b62\uff09 *\/\r\n.event-thumb-tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:4px 8px;\r\n  background: rgba(0,0,0,0.45);\r\n  border-radius:999px;\r\n  font-size:10px;\r\n  color:#fff;\r\n\r\n  position:absolute !important;\r\n  top:10px !important;\r\n  left:10px !important;\r\n  z-index:5 !important;\r\n\r\n  max-width: calc(100% - 20px);\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n\/* \u753b\u50cf\u304c\u5165\u308b\u3068\u304d\u306f \u201c\u4f59\u8a08\u306a\u30c6\u30ad\u30b9\u30c8\u4e2d\u592e\u5bc4\u305b\u201d \u3092\u7121\u52b9\u5316\uff08\u904e\u53bbCSS\u5bfe\u7b56\uff09 *\/\r\n.event-thumb{\r\n  display:block !important;\r\n  color: inherit !important;\r\n  font-size: inherit !important;\r\n  font-weight: inherit !important;\r\n}\r\n\r\n\/* ABOUT\u30bb\u30af\u30b7\u30e7\u30f3\u3060\u3051\u4e0a\u306b\u4f59\u767d\u3092\u8ffd\u52a0 *\/\r\n#about.section{\r\n  margin-top: 36px;\r\n}\r\n\r\n#past-events.section{\r\n  margin-top: 36px;\r\n}\r\n@media (min-width: 801px){\r\n  .sml-hero-visual{\r\n    justify-content: flex-start;\r\n    height: auto;\r\n    align-self: start;\r\n    padding-bottom: 14px;\r\n    margin-top: 80px;\r\n  }\r\n}\r\n\r\n\/* \u904e\u53bb\u30a4\u30d9\u30f3\u30c8\uff1a\u30e1\u30bf\u60c5\u5831\u3092\u898b\u3084\u3059\u304f\u63c3\u3048\u308b *\/\r\n.event-meta{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px 10px;\r\n  align-items: center;\r\n}\r\n\r\n\/* 3\u3064\u76ee\uff08\u516c\u958b\u4e2d\uff09\u306f\u6b21\u306e\u884c\u306b\u56de\u3057\u3066\u5de6\u63c3\u3048\u3067\u6574\u3048\u308b *\/\r\n.event-meta span:nth-child(3){\r\n  flex-basis: 100%;\r\n}\r\n\r\n\/* ===== Current Events: mobile horizontal swipe ===== *\/\r\n\/* ===== Current Events: mobile horizontal swipe ===== *\/\r\n@media (max-width: 768px) {\r\n  .events-grid{\r\n    \/* \u3053\u3053\u304c\u91cd\u8981\uff1a\u5143\u306e grid-template-columns \u3092\u6bba\u3059 *\/\r\n    grid-template-columns: none !important;\r\n\r\n    display: grid;\r\n    grid-auto-flow: column;\r\n    grid-auto-columns: 95%;\r\n    gap: 16px;\r\n\r\n    overflow-x: auto;\r\n    padding: 2px 16px 10px;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-padding-left: 16px;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .events-grid > .event-card{\r\n    scroll-snap-align: start;\r\n    width: 100%;\r\n    min-height: 340px;\r\n  }\r\n\r\n  .event-body { flex: 1; }\r\n  .event-footer { margin-top: auto; }\r\n\r\n  .events-grid::-webkit-scrollbar{ display: none; }\r\n}\r\n\/* ===== Subsection (Current Events) ===== *\/\r\n.subsection-head{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n  margin: 12px 0 10px;\r\n}\r\n.subsection-title{\r\n  margin:0;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  letter-spacing: .02em;\r\n}\r\n.subsection-note{\r\n  font-size:11px;\r\n  color:#888;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* ===== Current Events grids: mobile horizontal swipe (\u4e21\u65b9\u306b\u52b9\u304f) ===== *\/\r\n@media (max-width: 768px) {\r\n  \/* \u91cd\u8981\uff1a\u5143\u306egrid-template-columns\u3092\u7121\u52b9\u5316\u3057\u3066\u6a2a\u30b9\u30ef\u30a4\u30d7\u5316 *\/\r\n  #events-entry.events-grid,\r\n  #events-stage.events-grid,\r\n  #events-archive.events-grid{\r\n    grid-template-columns: none !important;\r\n\r\n    display: grid;\r\n    grid-auto-flow: column;\r\n    grid-auto-columns: 95%;\r\n    gap: 16px;\r\n\r\n    overflow-x: auto;\r\n    padding: 2px 16px 10px;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-padding-left: 16px;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  #events-entry.events-grid > .event-card,\r\n  #events-stage.events-grid > .event-card,\r\n  #events-archive.events-grid > .event-card{\r\n    scroll-snap-align: start;\r\n    width: 100%;\r\n    min-height: 340px;\r\n  }\r\n\r\n  \/* \u30dc\u30bf\u30f3\u4f4d\u7f6e\u63c3\u3048 *\/\r\n  #events-entry .event-body,\r\n  #events-stage .event-body{\r\n    flex: 1;\r\n  }\r\n  #events-entry .event-footer,\r\n  #events-stage .event-footer{\r\n    margin-top: auto;\r\n  }\r\n\r\n  #events-entry.events-grid::-webkit-scrollbar,\r\n  #events-stage.events-grid::-webkit-scrollbar,\r\n  #events-archive.events-grid::-webkit-scrollbar{\r\n    display: none;\r\n  }\r\n}\r\n\r\n.is-hidden {\r\n  display: none !important;\r\n}\r\n\r\n.archive-more-wrap{\r\n  text-align: center;\r\n  margin-top: 10px;\r\n}\r\n\r\n\/* ===== PC: \u30ab\u30fc\u30c9\u5e45\u304c\u679a\u6570\u3067\u4f38\u3073\u306a\u3044\u3088\u3046\u306b\u56fa\u5b9a ===== *\/\r\n@media (min-width: 769px) {\r\n  .events-grid{\r\n    \/* 1\u679a\u3042\u305f\u308a\u306e\u5e45\u3092\u300c\u6700\u5c0f280\u301c\u6700\u5927320\u300d\u306b\u56fa\u5b9a *\/\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 320px));\r\n    justify-content: start; \/* \u4f59\u767d\u306f\u53f3\u5074\u3078\u5bc4\u308b\uff08\u4e2d\u592e\u5bc4\u305b\u306b\u3057\u305f\u3051\u308c\u3070 center\uff09 *\/\r\n    gap: 18px;\r\n  }\r\n\r\n  \/* \u5ff5\u306e\u305f\u3081\uff1a\u30ab\u30fc\u30c9\u3092\u30bb\u30eb\u3044\u3063\u3071\u3044\u306b *\/\r\n  .events-grid > .event-card{\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\/* ===== Archive \"\u3082\u3063\u3068\u898b\u308b\" UI ===== *\/\r\n\r\n\/* \u3082\u3063\u3068\u898b\u308b\u30dc\u30bf\u30f3\u3092\u7f6e\u304f\u884c\uff08\u4e2d\u592e\u30fb\u4f59\u767d\uff09 *\/\r\n.archive-actions{\r\n  display:flex;\r\n  justify-content:center;\r\n  margin-top: 14px;\r\n}\r\n\r\n\/* \u30dc\u30bf\u30f3\u306e\u898b\u305f\u76ee\uff08\u65e2\u5b58\u30c8\u30fc\u30f3\u306b\u5408\u308f\u305b\u308b\uff09 *\/\r\n.archive-toggle{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255, 122, 0, 0.25);\r\n  background: rgba(255,255,255,0.75);\r\n  color: #a74d00;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  box-shadow: 0 10px 24px rgba(0,0,0,0.06);\r\n  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;\r\n}\r\n\r\n\/* hover *\/\r\n.archive-toggle:hover{\r\n  background:#ffe9d4;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 16px 32px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* \u62bc\u3057\u305f\u6642 *\/\r\n.archive-toggle:active{\r\n  transform: translateY(0);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* \u77e2\u5370\u30a2\u30a4\u30b3\u30f3\uff08\u56de\u8ee2\u3067\u958b\u9589\u611f\u3092\u51fa\u3059\uff09 *\/\r\n.archive-toggle .chev{\r\n  display:inline-block;\r\n  transition: transform .2s ease;\r\n}\r\n\r\n\/* \u958b\u3044\u3066\u3044\u308b\u6642\uff08JS\u3067 aria-expanded \u3092\u5207\u308a\u66ff\u3048\u308b\uff09 *\/\r\n.archive-toggle[aria-expanded=\"true\"] .chev{\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* \u975e\u8868\u793a\u30ab\u30fc\u30c9 *\/\r\n.event-card.is-hidden{\r\n  display:none !important;\r\n}\r\n\r\n\/* PC\u3067\u30dc\u30bf\u30f3\u4f4d\u7f6e\u304c\u9593\u5ef6\u3073\u3057\u306a\u3044\u3088\u3046\u306b *\/\r\n@media (min-width: 900px){\r\n  .archive-actions{\r\n    margin-top: 18px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<main class=\"sml-events\">\r\n  <!-- Hero -->\r\n  <section class=\"sml-hero\">\r\n    <div class=\"sml-hero-main\">\r\n      <div class=\"section-label\">\r\n        <span class=\"section-label-dot\"><\/span> SML EVENT\r\n      <\/div>\r\n      <h1>\u30e9\u30a4\u30d0\u30fc\u6d3b\u52d5\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u306a\u308b<br \/>\u4e8b\u52d9\u6240\u30aa\u30ea\u30b8\u30ca\u30eb\u30a4\u30d9\u30f3\u30c8<\/h1>\r\n      <p>\r\n        YouTube\u51fa\u6f14\u4f01\u753b\u3084\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u30a4\u30d9\u30f3\u30c8\u3001<br \/>\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8\u306a\u3069\u3001\r\n        \u6240\u5c5e\u30e9\u30a4\u30d0\u30fc\u9650\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u3092<br \/>\u5b9a\u671f\u958b\u50ac\u3057\u3066\u3044\u307e\u3059\u3002\r\n      <\/p>\r\n\r\n      <div class=\"hero-badges\">\r\n        <span class=\"hero-badge\">YouTube\u30bd\u30ed\u51fa\u6f14<\/span>\r\n        <span class=\"hero-badge\">Riai\u7279\u5225\u30ec\u30c3\u30b9\u30f3<\/span>\r\n        <span class=\"hero-badge\">\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hero-cta\">\r\n        <a href=\"#current-events\" class=\"btn-primary\">\u958b\u50ac\u4e2d\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u898b\u308b<\/a>\r\n        <a href=\"#past-events\" class=\"btn-ghost\">\u904e\u53bb\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u898b\u308b<\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sml-hero-visual\">\r\n      <div class=\"hero-tag\">\ud83d\udcfa \u4e8b\u52d9\u6240\u958b\u50ac\u30a4\u30d9\u30f3\u30c8\u306e\u4e00\u4f8b<\/div>\r\n      <div class=\"hero-thumb-row\">\r\n        <div class=\"hero-thumb-card\">\r\n          <strong>YouTube\u30bd\u30ed\u51fa\u6f14<\/strong>\r\n          <div class=\"hero-thumb-meta\">\r\n            \u672c\u683c\u7684\u306a\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30fb\u64ae\u5f71\u3092\u4f53\u9a13<br \/>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hero-thumb-card\">\r\n          <strong>Riai\u7279\u5225\u30ec\u30c3\u30b9\u30f3<\/strong>\r\n          <div class=\"hero-thumb-meta\">\r\n            \u5143No.1\u30dc\u30a4\u30b9\u30c8\u30ec\u30fc\u30ca\u30fc\u306b\u3088\u308b\u7279\u5225\u30ec\u30c3\u30b9\u30f3<br \/>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"hero-thumb-card\">\r\n          <strong>\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8<\/strong>\r\n          <div class=\"hero-thumb-meta\">\r\n            \u30b9\u30c6\u30fc\u30b8\u30fb\u4ea4\u6d41\u4f01\u753b\u306a\u3069\u306e\u958b\u50ac\u5b9f\u7e3e\u3042\u308a<br \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n <!-- Current Events -->\r\n<section class=\"section\" id=\"current-events\">\r\n  <div class=\"section-header\">\r\n    <div>\r\n      <div class=\"section-label\">\r\n        <span class=\"section-label-dot\"><\/span> CURRENT\r\n      <\/div>\r\n      <h2 class=\"section-title\">\u30a4\u30d9\u30f3\u30c8\u4e00\u89a7<\/h2>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u30a8\u30f3\u30c8\u30ea\u30fc\u53d7\u4ed8\u4e2d -->\r\n  <div class=\"subsection-head\">\r\n    <h3 class=\"subsection-title\">\u30a8\u30f3\u30c8\u30ea\u30fc\u53d7\u4ed8\u4e2d<\/h3>\r\n    <div class=\"subsection-note\">\u203b \u6a2a\u306b\u30b9\u30ef\u30a4\u30d7\u3067\u304d\u307e\u3059<\/div>\r\n  <\/div>\r\n  <div class=\"events-grid\" id=\"events-entry\"><\/div>\r\n\r\n  <!-- \u958b\u50ac\u4e2d\u30fb\u958b\u50ac\u524d -->\r\n  <div class=\"subsection-head\" style=\"margin-top:18px;\">\r\n    <h3 class=\"subsection-title\">\u958b\u50ac\u4e2d\u30fb\u958b\u50ac\u524d<\/h3>\r\n    <div class=\"subsection-note\">\u203b \u6a2a\u306b\u30b9\u30ef\u30a4\u30d7\u3067\u304d\u307e\u3059<\/div>\r\n  <\/div>\r\n  <div class=\"events-grid\" id=\"events-stage\"><\/div>\r\n\r\n  <!-- \u958b\u50ac\u7d42\u4e86\uff08\u30a2\u30fc\u30ab\u30a4\u30d6\uff09 -->\r\n  <div class=\"subsection-head\" style=\"margin-top:18px;\">\r\n    <h3 class=\"subsection-title\">\u958b\u50ac\u7d42\u4e86<\/h3>\r\n    <div class=\"subsection-note\">\u203b \u6a2a\u306b\u30b9\u30ef\u30a4\u30d7\u3067\u304d\u307e\u3059<\/div>\r\n  <\/div>\r\n  <div class=\"events-grid\" id=\"events-archive\"><\/div>\r\n\r\n  <div class=\"archive-actions\">\r\n    <button id=\"archive-toggle\" class=\"archive-toggle\" type=\"button\">\r\n      \u3082\u3063\u3068\u898b\u308b <span class=\"chev\">\u203a<\/span>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- \u5009\u5eab\uff08\u3053\u3053\u306b\u5168\u30ab\u30fc\u30c9\u3092\u5165\u308c\u3066\u304a\u304f\uff1aJS\u304c\u81ea\u52d5\u3067\u632f\u308a\u5206\u3051\u308b\uff09 -->\r\n  <div id=\"events-source\" style=\"display:none;\">\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-04-02 19:00\"\r\n      data-entry-deadline=\"2026-04-11 12:00\"\r\n      data-event-start=\"2026-04-15 00:00\"\r\n      data-event-end=\"2026-04-17 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/03\/\u6b4c\u3063\u3066\u307f\u305f\u30a4\u30d9.jpg\" alt=\"\u6b4c\u3063\u3066\u307f\u305f\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">\u6b4c\u3063\u3066\u307f\u305f<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">YouTube\u6b4c\u3063\u3066\u307f\u305f\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a4\u670811\u65e5\uff08\u571f\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a4\u670815\u65e5\uff08\u6c34\uff09\u301c4\u670817\u65e5\uff08\u91d1\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u5165\u8cde\u80053\u540d\u306fSML\u6b4c\u3063\u3066\u307f\u305f\u52d5\u753b\u3078\u51fa\u6f14\u78ba\u5b9a\uff01<\/div>\r\n        <span class=\"btn-disabled btn-sm\">\u8a73\u7d30\u6e96\u5099\u4e2d<\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-04-01 19:00\"\r\n      data-entry-deadline=\"2026-04-16 12:00\"\r\n      data-event-start=\"2026-04-18 00:00\"\r\n      data-event-end=\"2026-04-19 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/03\/\u30104\u6708\u3011\u30c1\u30fc\u30e0\u6226.png\" alt=\"UNITY MISSION\">\r\n        <div class=\"event-thumb-tag\">UNITY MISSION<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">UNITY MISSION<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a4\u670816\u65e5\uff08\u6728\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a4\u670818\u65e5\uff08\u571f\uff09\u301c4\u670819\u65e5\uff08\u65e5\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u9054\u6210\u8005\u5168\u54e1\u304c\u30d7\u30e9\u30a4\u30baGET\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/4%e6%9c%88-unity-mission\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-03-04 19:00\"\r\n      data-entry-deadline=\"2026-04-10 12:00\"\r\n      data-event-start=\"2026-04-12 00:00\"\r\n      data-event-end=\"2026-04-13 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/03\/\u30104\u6708\u3011HP\u30a4\u30d9\u30f3\u30c8.jpg\" alt=\"4\u6708\u516c\u5f0fHP\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">\u516c\u5f0fHP<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">4\u6708\u516c\u5f0fHP\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a4\u670810\u65e5\uff08\u91d1\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a4\u670812\u65e5\uff08\u65e5\uff09\u301c4\u670813\u65e5\uff08\u6708\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u5165\u8cde\u30e9\u30a4\u30d0\u30fc\u3092\u516c\u5f0fHP\u3067\u516c\u958b\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/4%e6%9c%88%e5%85%ac%e5%bc%8fhp%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88-2\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-02-21 19:00\"\r\n      data-entry-deadline=\"2026-03-02 12:00\"\r\n      data-event-start=\"2026-03-06 00:00\"\r\n      data-event-end=\"2026-03-08 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/02\/\u516c\u5f0fHP\u7528.png\" alt=\"\u6b4c\u3063\u3066\u307f\u305f\u51fa\u6f14\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">\u6b4c\u3063\u3066\u307f\u305f<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">\u6b4c\u3063\u3066\u307f\u305f\u51fa\u6f14\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a3\u67082\u65e5\uff08\u6708\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a3\u67086\u65e5\uff08\u91d1\uff09\u301c3\u67088\u65e5\uff08\u65e5\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u5165\u8cde\u80053\u540d\u306fSML \u6b4c\u3063\u3066\u307f\u305f\u52d5\u753b\u3078\u51fa\u6f14\u78ba\u5b9a\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/%e6%ad%8c%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e5%87%ba%e6%bc%94%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-02-09 19:00\"\r\n      data-entry-deadline=\"2026-03-20 12:00\"\r\n      data-event-start=\"2026-03-23 00:00\"\r\n      data-event-end=\"2026-03-27 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/01\/\u30103\u6708\u3011CM\u51fa\u6f14\u6a29\u7372\u5f97\u30a4\u30d9\u30f3\u30c8-1.jpg\" alt=\"CM\u51fa\u6f14\u6a29\u7372\u5f97\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">CM\u51fa\u6f14<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">CM\u51fa\u6f14\u6a29\u7372\u5f97\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a3\u670820\u65e5\uff08\u91d1\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a3\u670823\u65e5\uff08\u6708\uff09\u301c3\u670827\u65e5\uff08\u91d1\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">SML\u516c\u5f0fCM\u51fa\u6f14\u3092\u304b\u3051\u305f\u7279\u5225\u30a4\u30d9\u30f3\u30c8\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/cm%e5%87%ba%e6%bc%94%e6%a8%a9%e7%8d%b2%e5%be%97%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-02-05 19:00\"\r\n      data-entry-deadline=\"2026-03-10 12:00\"\r\n      data-event-start=\"2026-03-11 00:00\"\r\n      data-event-end=\"2026-03-20 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/02\/3\u6708\u30d7\u30ed\u30d5\u30a3\u30fc\u30ebmission\u2755.png\" alt=\"\u30d7\u30ed\u30d5\u30a3\u30fc\u30ebmission!\">\r\n        <div class=\"event-thumb-tag\">mission!<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">\u30d7\u30ed\u30d5\u30a3\u30fc\u30ebmission!<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a3\u670810\u65e5\uff08\u706b\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a3\u670811\u65e5\uff08\u6c34\uff09\u301c3\u670820\u65e5\uff08\u91d1\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u6761\u4ef6\u9054\u6210\u3067\u30d7\u30e9\u30a4\u30baGET\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/cm%e5%87%ba%e6%bc%94%e6%a8%a9%e7%8d%b2%e5%be%97%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88-2\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-02-04 19:00\"\r\n      data-entry-deadline=\"2026-03-10 12:00\"\r\n      data-event-start=\"2026-03-12 00:00\"\r\n      data-event-end=\"2026-03-13 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/01\/\u30103\u6708\u3011\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u30a4\u30d9\u30f3\u30c8.jpg\" alt=\"3\u6708\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">Riai\u7279\u5225\u30ec\u30c3\u30b9\u30f3<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">3\u6708\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a3\u670810\u65e5\uff08\u706b\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a3\u670812\u65e5\uff08\u6728\uff09\u301c3\u670813\u65e5\uff08\u91d1\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u4ee3\u8868Riai\u306b\u3088\u308b\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u53d7\u8b1b\u306e\u30c1\u30e3\u30f3\u30b9\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/3%e6%9c%88%e7%89%b9%e5%88%a5%e3%83%ac%e3%83%83%e3%82%b9%e3%83%b3%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-02-01 19:00\"\r\n      data-entry-deadline=\"2026-02-21 12:00\"\r\n      data-event-start=\"2026-02-23 00:00\"\r\n      data-event-end=\"2026-02-25 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/01\/\u30102\u6708\u3011SNS\u7d39\u4ecb\u52d5\u753b\u30a4\u30d9-2.jpg\" alt=\"2\u6708SNS\u52d5\u753b\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">SNS\u52d5\u753b\u30a4\u30d9\u30f3\u30c8<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">2\u6708SNS\u52d5\u753b\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a2\u670821\u65e5\uff08\u571f\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a2\u670823\u65e5\uff08\u6708\uff09\u301c 2\u670825\u65e5\uff08\u6c34\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u81ea\u5df1\u7d39\u4ecb\u52d5\u753b\u3092\u5404\u7a2eSNS\u306b\u3066\u63b2\u8f09\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/2%e6%9c%88sns%e5%8b%95%e7%94%bb%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-01-27 14:00\"\r\n      data-entry-deadline=\"2026-02-03 23:59\"\r\n      data-event-start=\"2026-02-14 15:00\"\r\n      data-event-end=\"2026-02-15 22:00\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/02\/\u30102\u6708\u3011\u30ea\u30ec\u30fc\u914d\u4fe1.jpg\" alt=\"Valentine\u30ea\u30ec\u30fc\u914d\u4fe1\">\r\n        <div class=\"event-thumb-tag\">\u30ea\u30ec\u30fc\u914d\u4fe1<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">Valentine\u30ea\u30ec\u30fc\u914d\u4fe1<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f\u958b\u50ac\uff1a2\u670814\u65e5\uff08\u571f\uff09\uff5e2\u670815\u65e5\uff08\u65e5\uff09<\/span>\r\n          <span>\u246015:00-16:00 \u246118:00-19:00 \u246221:00-22:00<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u8907\u6570\u306e\u30e9\u30a4\u30d0\u30fc\u304c\u9806\u756a\u306b\u914d\u4fe1\u3092\u7e4b\u3044\u3067\u3044\u304f\u4f01\u753b\uff01<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2026-01-15 00:00\"\r\n      data-entry-deadline=\"2026-02-10 12:00\"\r\n      data-event-start=\"2026-02-12 00:00\"\r\n      data-event-end=\"2026-02-13 23:59\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/01\/\u30102\u6708\u3011HP\u30a4\u30d9\u30f3\u30c8.jpg\" alt=\"2\u6708\u516c\u5f0fHP\u30a4\u30d9\u30f3\u30c8\">\r\n        <div class=\"event-thumb-tag\">\u516c\u5f0fHP\u63b2\u8f09<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">2\u6708\u516c\u5f0fHP\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\uff1a2\u670810\u65e5\uff08\u706b\uff0912:00<\/span>\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a2\u670812\u65e5\uff08\u6728\uff09\u301c 2\u670813\u65e5\uff08\u91d1\uff09<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">\u5165\u8cde\u30e9\u30a4\u30d0\u30fc\u3092\u516c\u5f0f\uff28\uff30\u3067\u516c\u958b\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/2%e6%9c%88%e5%85%ac%e5%bc%8fhp%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"event-card\"\r\n      data-entry-start=\"2025-12-23 00:00\"\r\n      data-entry-deadline=\"2025-12-27 23:59\"\r\n      data-event-start=\"2026-01-31 16:30\"\r\n      data-event-end=\"2026-01-31 18:00\"\r\n    >\r\n      <div class=\"event-thumb has-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2025\/12\/SML\u00d7ColorSing-\u6b4c\u3046\u307e\u30e9\u30a4\u30d0\u30fc\u9802\u4e0a\u6c7a\u6226-1.jpg\" alt=\"\u6b4c\u3046\u307e\u30e9\u30a4\u30d0\u30fc\u9802\u4e0a\u6c7a\u6226\">\r\n        <div class=\"event-thumb-tag\">\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8<\/div>\r\n        <div class=\"event-thumb-play\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-body\">\r\n        <h3 class=\"event-title\">\u6b4c\u3046\u307e\u30e9\u30a4\u30d0\u30fc\u9802\u4e0a\u6c7a\u6226<\/h3>\r\n        <div class=\"event-meta\">\r\n          <span>\ud83d\uddd3\ufe0f \u958b\u50ac\uff1a2026\u5e741\u670831\u65e5\uff08\u571f\uff0916:30\u301c <\/span>\r\n          <span>\ud83d\udccd \u90fd\u5185\u4f1a\u5834\u306b\u3066\u30ea\u30a2\u30eb\u958b\u50ac<\/span>\r\n          <span>\ud83d\udce1 \u5f53\u65e5\u306e\u69d8\u5b50\u306f\u5404\u30e9\u30a4\u30d0\u30fc\u306e\u914d\u4fe1\u304b\u3089\u8996\u8074\u3067\u304d\u307e\u3059<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"event-status\">\r\n          <span class=\"event-status-dot\"><\/span>\r\n          <span class=\"event-status-text\">--<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"event-footer\">\r\n        <div class=\"event-caption\">SML\u00d7ColorSing \u521d\u306e\u30ea\u30a2\u30eb\u30a4\u30d9\u30f3\u30c8\uff01<\/div>\r\n        <a href=\"https:\/\/sml.sheer.jp\/lp\/smlxcolorsing%e3%80%80%e6%ad%8c%e3%81%86%e3%81%be%e3%83%a9%e3%82%a4%e3%83%90%e3%83%bc%e9%a0%82%e4%b8%8a%e6%b1%ba%e6%88%a6%ef%bc%81\/\" class=\"btn-primary btn-sm\">\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const SOON_DAYS = 7;\r\n\r\n  const toDateTime = (s, endOfDay = false) => {\r\n    if (!s || typeof s !== \"string\" || s.includes(\"TODO\")) return null;\r\n\r\n    const parts = s.trim().split(\" \");\r\n    const dateParts = parts[0].split(\"-\").map(Number);\r\n\r\n    if (dateParts.length !== 3) return null;\r\n\r\n    const [y, m, d] = dateParts;\r\n    if (!y || !m || !d) return null;\r\n\r\n    let hh = 0;\r\n    let mm = 0;\r\n\r\n    if (parts[1]) {\r\n      const timeParts = parts[1].split(\":\").map(Number);\r\n      hh = timeParts[0] || 0;\r\n      mm = timeParts[1] || 0;\r\n    } else if (endOfDay) {\r\n      hh = 23;\r\n      mm = 59;\r\n    }\r\n\r\n    return new Date(y, m - 1, d, hh, mm, 0);\r\n  };\r\n\r\n  const startOfNow = () => {\r\n    const n = new Date();\r\n    return new Date(\r\n      n.getFullYear(),\r\n      n.getMonth(),\r\n      n.getDate(),\r\n      n.getHours(),\r\n      n.getMinutes(),\r\n      0\r\n    );\r\n  };\r\n\r\n  const daysDiff = (a, b) => Math.ceil((b - a) \/ (1000 * 60 * 60 * 24));\r\n  const now = startOfNow();\r\n\r\n  const setStatus = (el, key, text) => {\r\n    if (!el) return;\r\n\r\n    el.classList.remove(\"is-open\", \"is-soon\", \"is-live\", \"is-ended\", \"is-upcoming\");\r\n    if (key) el.classList.add(key);\r\n\r\n    const t = el.querySelector(\".event-status-text\");\r\n    if (t) t.textContent = text || \"\";\r\n  };\r\n\r\n  document.querySelectorAll(\".event-card\").forEach((card) => {\r\n    const statusEl = card.querySelector(\".event-status\");\r\n    const textEl = card.querySelector(\".event-status-text\");\r\n    if (!statusEl || !textEl) return;\r\n\r\n    const ds = card.dataset || {};\r\n\r\n    const entryStart = toDateTime(ds.entryStart, false);\r\n    const entryDeadline = toDateTime(ds.entryDeadline, true);\r\n    const eventStart = toDateTime(ds.eventStart, false);\r\n    const eventEnd = toDateTime(ds.eventEnd, true);\r\n\r\n    \/\/ data-* \u304c\u4f55\u3082\u7121\u3044\u30ab\u30fc\u30c9\u306f\u305d\u306e\u307e\u307e\r\n    if (!entryStart && !entryDeadline && !eventStart && !eventEnd) return;\r\n\r\n    \/\/ 1) \u30a4\u30d9\u30f3\u30c8\u7d42\u4e86\r\n    if (eventEnd && now > eventEnd) {\r\n      setStatus(statusEl, \"is-ended\", \"\u7d42\u4e86\");\r\n      return;\r\n    }\r\n\r\n    \/\/ 2) \u958b\u50ac\u4e2d\r\n    if (eventStart && now >= eventStart && (!eventEnd || now <= eventEnd)) {\r\n      setStatus(statusEl, \"is-live\", \"\u958b\u50ac\u4e2d\");\r\n      return;\r\n    }\r\n\r\n    \/\/ 3) \u53d7\u4ed8\u304c\u3042\u308b\u5834\u5408\r\n    if (entryDeadline) {\r\n      \/\/ \u53d7\u4ed8\u958b\u59cb\u524d\r\n      if (entryStart && now < entryStart) {\r\n        setStatus(statusEl, \"is-ended\", \"\u53d7\u4ed8\u958b\u59cb\u524d\");\r\n        return;\r\n      }\r\n\r\n      \/\/ \u53d7\u4ed8\u671f\u9593\u5185\r\n      if (now <= entryDeadline) {\r\n        const remain = daysDiff(now, entryDeadline);\r\n\r\n        if (remain <= SOON_DAYS) {\r\n          setStatus(statusEl, \"is-soon\", \"\u307e\u3082\u306a\u304f\u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\");\r\n        } else {\r\n          setStatus(statusEl, \"is-open\", \"\u30a8\u30f3\u30c8\u30ea\u30fc\u53d7\u4ed8\u4e2d\");\r\n        }\r\n        return;\r\n      }\r\n\r\n      \/\/ \u53d7\u4ed8\u7d42\u4e86\u5f8c\uff1a\u958b\u50ac\u524d\u306a\u3089\u958b\u50ac\u524d\u3001\u305d\u3046\u3067\u306a\u3051\u308c\u3070\u53d7\u4ed8\u7d42\u4e86\r\n      if (eventStart && now < eventStart) {\r\n        setStatus(statusEl, \"is-upcoming\", \"\u958b\u50ac\u524d\");\r\n      } else {\r\n        setStatus(statusEl, \"is-ended\", \"\u53d7\u4ed8\u7d42\u4e86\");\r\n      }\r\n      return;\r\n    }\r\n\r\n    \/\/ 4) \u7de0\u5207\u304c\u7121\u3044\u3051\u3069\u53d7\u4ed8\u958b\u59cb\u3060\u3051\u3042\u308b\u5834\u5408\r\n    if (entryStart) {\r\n      if (now < entryStart) {\r\n        setStatus(statusEl, \"is-ended\", \"\u53d7\u4ed8\u958b\u59cb\u524d\");\r\n      } else {\r\n        setStatus(statusEl, \"is-open\", \"\u30a8\u30f3\u30c8\u30ea\u30fc\u53d7\u4ed8\u4e2d\");\r\n      }\r\n      return;\r\n    }\r\n\r\n    \/\/ 5) \u53d7\u4ed8\u304c\u7121\u304f\u3001\u958b\u50ac\u524d\u3060\u3051\u3042\u308b\u5834\u5408\r\n    if (eventStart && now < eventStart) {\r\n      setStatus(statusEl, \"is-upcoming\", \"\u958b\u50ac\u524d\");\r\n      return;\r\n    }\r\n  });\r\n})();\r\n\r\n(() => {\r\n  const source = document.getElementById(\"events-source\");\r\n  const entry = document.getElementById(\"events-entry\");\r\n  const stage = document.getElementById(\"events-stage\");\r\n  const archive = document.getElementById(\"events-archive\");\r\n\r\n  if (!source || !entry || !stage || !archive) return;\r\n\r\n  const cards = Array.from(source.querySelectorAll(\".event-card\"));\r\n  const put = (target, card) => target.appendChild(card);\r\n\r\n  cards.forEach((card) => {\r\n    const statusEl = card.querySelector(\".event-status\");\r\n    const txt = (card.querySelector(\".event-status-text\")?.textContent || \"\").trim();\r\n\r\n    \/\/ status\u304c\u7121\u3044\u5834\u5408\u306f\u958b\u50ac\u5074\u3078\r\n    if (!statusEl) {\r\n      put(stage, card);\r\n      return;\r\n    }\r\n\r\n    \/\/ \u958b\u50ac\u4e2d\r\n    if (statusEl.classList.contains(\"is-live\") || txt === \"\u958b\u50ac\u4e2d\") {\r\n      put(stage, card);\r\n      return;\r\n    }\r\n    \r\n     \/\/ \u53d7\u4ed8\u958b\u59cb\u524d\u306f\u975e\u8868\u793a\r\n    if (txt === \"\u53d7\u4ed8\u958b\u59cb\u524d\") {\r\n      card.style.display = \"none\";\r\n      return;\r\n    }\r\n\r\n    \/\/ \u958b\u50ac\u524d \/ \u53d7\u4ed8\u7d42\u4e86 \u306f stage \u5074\r\n    if (\r\n      txt === \"\u958b\u50ac\u524d\" ||\r\n      txt === \"\u53d7\u4ed8\u7d42\u4e86\"\r\n    ) {\r\n      put(stage, card);\r\n      return;\r\n    }\r\n\r\n    \/\/ \u30a8\u30f3\u30c8\u30ea\u30fc\u53d7\u4ed8\u4e2d \/ \u307e\u3082\u306a\u304f\u7de0\u5207 \u306f entry \u5074\r\n    if (\r\n      statusEl.classList.contains(\"is-open\") ||\r\n      statusEl.classList.contains(\"is-soon\") ||\r\n      txt === \"\u30a8\u30f3\u30c8\u30ea\u30fc\u53d7\u4ed8\u4e2d\" ||\r\n      txt === \"\u307e\u3082\u306a\u304f\u30a8\u30f3\u30c8\u30ea\u30fc\u7de0\u5207\"\r\n    ) {\r\n      put(entry, card);\r\n      return;\r\n    }\r\n\r\n    \/\/ \u672c\u5f53\u306b\u7d42\u4e86\u3057\u305f\u3082\u306e\u3060\u3051 archive\r\n    if (txt === \"\u7d42\u4e86\") {\r\n      put(archive, card);\r\n      return;\r\n    }\r\n\r\n    \/\/ \u305d\u308c\u4ee5\u5916\u306f stage \u3078\r\n    put(stage, card);\r\n  });\r\n\r\n  const hideSectionIfEmpty = (gridId) => {\r\n    const grid = document.getElementById(gridId);\r\n    if (!grid || grid.children.length) return;\r\n\r\n    const head = grid.previousElementSibling;\r\n    if (head && head.classList && head.classList.contains(\"subsection-head\")) {\r\n      head.style.display = \"none\";\r\n    }\r\n    grid.style.display = \"none\";\r\n  };\r\n\r\n  hideSectionIfEmpty(\"events-entry\");\r\n  hideSectionIfEmpty(\"events-stage\");\r\n  hideSectionIfEmpty(\"events-archive\");\r\n})();\r\n\r\n(() => {\r\n  const LIMIT = 3;\r\n\r\n  const container = document.getElementById(\"events-archive\");\r\n  const btn = document.getElementById(\"archive-toggle\");\r\n\r\n  if (!container || !btn) return;\r\n\r\n  const update = () => {\r\n    const cards = container.querySelectorAll(\".event-card\");\r\n\r\n    cards.forEach((card, index) => {\r\n      if (index >= LIMIT) {\r\n        card.classList.add(\"is-hidden\");\r\n      } else {\r\n        card.classList.remove(\"is-hidden\");\r\n      }\r\n    });\r\n\r\n    if (cards.length <= LIMIT) {\r\n      btn.style.display = \"none\";\r\n    } else {\r\n      btn.style.display = \"\";\r\n    }\r\n  };\r\n\r\n  update();\r\n\r\n  btn.addEventListener(\"click\", () => {\r\n    const hidden = container.querySelectorAll(\".is-hidden\");\r\n\r\n    if (hidden.length > 0) {\r\n      hidden.forEach((el) => el.classList.remove(\"is-hidden\"));\r\n      btn.textContent = \"\u9589\u3058\u308b\";\r\n    } else {\r\n      update();\r\n      btn.textContent = \"\u3082\u3063\u3068\u898b\u308b\";\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\r\n  <!-- Features & Flow -->\r\n  <section class=\"section\" id=\"about\">\r\n\r\n    <div class=\"section-header\">\r\n      <div>\r\n        <div class=\"section-label\">\r\n          <span class=\"section-label-dot\"><\/span> ABOUT\r\n        <\/div>\r\n        <h2 class=\"section-title\">SML\u30a4\u30d9\u30f3\u30c8\u306e\u7279\u5fb4<\/h2>\r\n        <p class=\"section-desc\">\u300c\u3084\u3063\u3066\u307f\u305f\u3044\u300d\u3092\u5f62\u306b\u3059\u308b\u305f\u3081\u306e\u30b5\u30dd\u30fc\u30c8\u304c\u63c3\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"features-grid\">\r\n      <article class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83c\udfa4<\/div>\r\n        <div>\r\n          <h3 class=\"feature-title\">\u516c\u5f0f\u30c1\u30e3\u30f3\u30cd\u30eb\u3067\u306e\u9732\u51fa<\/h3>\r\n          <p class=\"feature-text\">\r\n            \u30b7\u30a2\u30fc\u30df\u30e5\u30fc\u30b8\u30c3\u30af\u516c\u5f0fYouTube\u3084\u3001SML\u306eYouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u3067\u306e\u4f01\u753b\u51fa\u6f14\u3092\u901a\u3057\u3066\u3001\u65b0\u3057\u3044\u30ea\u30b9\u30ca\u30fc\u3068\u306e\u51fa\u4f1a\u3044\u3092\u5f8c\u62bc\u3057\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83c\udfa7<\/div>\r\n        <div>\r\n          <h3 class=\"feature-title\">\u64ae\u5f71\u30fbREC\u30b5\u30dd\u30fc\u30c8<\/h3>\r\n          <p class=\"feature-text\">\r\n            \u672c\u683c\u7684\u306a\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3084\u64ae\u5f71\u3092\u5b9f\u969b\u306b\u4f53\u9a13\u3067\u304d\u307e\u3059\u3002\u5b8c\u6210\u3057\u305f\u97f3\u6e90\u3084\u6620\u50cf\u306f\u3001SML\u306eYouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u306b\u3066\u516c\u958b\u3055\u308c\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83c\udf81<\/div>\r\n        <div>\r\n          <h3 class=\"feature-title\">\u7279\u5225\u30ec\u30c3\u30b9\u30f3 \u30fb\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n          <p class=\"feature-text\">\r\n            \u4e0a\u4f4d\u5165\u8cde\u8005\u306b\u306f\u3001\u5143No,1\u30dc\u30a4\u30b9\u30c8\u30ec\u30fc\u30ca\u30fc\u30fb\u73feSML\u4ee3\u8868Riai\u306e\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u3084\u3001\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8\u3078\u306e\u53c2\u52a0\u7279\u5178\u304c\u3042\u308a\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- Past Events -->\r\n  <section class=\"section\" id=\"past-events\">\r\n    <div class=\"section-header\">\r\n      <div>\r\n        <div class=\"section-label\">\r\n          <span class=\"section-label-dot\"><\/span> PAST\r\n        <\/div>\r\n        <h2 class=\"section-title\">\u904e\u53bb\u306e\u30a4\u30d9\u30f3\u30c8\u4e00\u89a7<\/h2>\r\n        <p class=\"section-desc\">\u3053\u308c\u307e\u3067\u306b\u958b\u50ac\u3057\u305f\u4f01\u753b\u306e\u4e00\u90e8\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"past-events-slider\">\r\n      <div class=\"past-events-row\" aria-label=\"\u904e\u53bb\u306e\u30a4\u30d9\u30f3\u30c8\u4e00\u89a7\uff08\u6a2a\u306b\u30b9\u30ef\u30a4\u30d7\u3067\u304d\u307e\u3059\uff09\">\r\n        <!-- Past Event card 1 -->\r\n        <article class=\"event-card\">\r\n          <div class=\"event-thumb\" style=\"background: linear-gradient(135deg, #ffaf7a, #ff7a7a);\">\r\n            <div class=\"event-thumb-tag\">YouTube\u4f01\u753b<\/div>\r\n            <div class=\"event-thumb-play\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n          <div class=\"event-body\">\r\n            <h3 class=\"event-title\">YouTube\u30bd\u30ed\u51fa\u6f14\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <div class=\"event-meta\">\r\n            <span>\ud83c\udf89\u512a\u52dd\u8005\u306e\u3010\u6b4c\u3063\u3066\u307f\u305f\u3011\u516c\u958b\u4e2d<\/span>\r\n            <\/div>\r\n        <\/div>\r\n          <div class=\"event-footer\">\r\n            <a href=\"https:\/\/x.gd\/kKQCT\" class=\"btn-ghost btn-sm\">YouTube<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Past Event card 2 -->\r\n        <article class=\"event-card\">\r\n          <div class=\"event-thumb\" style=\"background: linear-gradient(135deg, #ff7aa0, #ffb27a);\">\r\n            <div class=\"event-thumb-tag\">\u30b0\u30c3\u30ba\u4f01\u753b<\/div>\r\n            <div class=\"event-thumb-play\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n          <div class=\"event-body\">\r\n            <h3 class=\"event-title\">SML\u30dd\u30b9\u30bf\u30fc\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n            <div class=\"event-meta\">\r\n            <span>\ud83c\udf89\u5168\u56fd\u306e\u30b7\u30a2\u30fc\u6821\u820e\u306b\u30dd\u30b9\u30bf\u30fc\u63b2\u793a<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"event-footer\">\r\n            <a href=\"https:\/\/sml.sheer.jp\/lp\/wp-content\/uploads\/2026\/01\/IMG_5232.jpg\" class=\"btn-ghost btn-sm\">\u30ae\u30e3\u30e9\u30ea\u30fc<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Past Event card 3 -->\r\n        <article class=\"event-card\">\r\n          <div class=\"event-thumb\" style=\"background: linear-gradient(135deg, #9c7aff, #ff7aa0);\">\r\n            <div class=\"event-thumb-tag\">\u914d\u4fe1\u9023\u52d5<\/div>\r\n            <div class=\"event-thumb-play\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n          <div class=\"event-body\">\r\n            <h3 class=\"event-title\">SML\u30ea\u30ec\u30fc\u914d\u4fe1<\/h3>\r\n            <div class=\"event-meta\">\r\n            <span>\ud83c\udf89\u914d\u4fe1\u3092\u9806\u756a\u306b\u7e4b\u3044\u3067\u3044\u304f\u4f01\u753b<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"event-footer\">\r\n           <a href=\"https:\/\/drive.google.com\/file\/d\/1_wud3BSWy3IYgH-EF4s-gE6TfZQIpyMG\/view?usp=sharing\" class=\"btn-ghost btn-sm\">\u30cf\u30a4\u30e9\u30a4\u30c8\u30e0\u30fc\u30d3\u30fc<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Past Event card 4 -->\r\n        <article class=\"event-card\">\r\n          <div class=\"event-thumb\" style=\"background: linear-gradient(135deg, #5dd7c2, #ffb27a);\">\r\n            <div class=\"event-thumb-tag\">\u30aa\u30d5\u30e9\u30a4\u30f3<\/div>\r\n            <div class=\"event-thumb-play\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n          <div class=\"event-body\">\r\n            <h3 class=\"event-title\">SML\u00d7Pococha\u30aa\u30d5\u30e9\u30a4\u30f3\u30d1\u30fc\u30c6\u30a3\u30fc<\/h3>\r\n            <div class=\"event-meta\">\r\n              <span>\ud83d\udcc5 2025\u5e74 \u6625 \u958b\u50ac<\/span>\r\n              <span>\ud83d\udccd \u90fd\u5185\u4f1a\u5834<\/span>\r\n<span>\ud83c\udf89\u521d\u306e\u30aa\u30d5\u30e9\u30a4\u30f3\u30d1\u30fc\u30c6\u30a3\u30fc\u958b\u50ac<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"event-footer\">\r\n            <a href=\"https:\/\/sml.sheer.jp\/lp\/%e3%82%aa%e3%83%95%e3%83%a9%e3%82%a4%e3%83%b3%e3%83%91%e3%83%bc%e3%83%86%e3%82%a3%e3%83%96%e3%83%ad%e3%82%b0\/\" class=\"btn-ghost\" style=\"padding: 7px 14px; font-size: 12px;\">\u30ec\u30dd\u30fc\u30c8<\/a>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"swipe-hint\">\u203b\u30b9\u30de\u30db\u3067\u306f\u5de6\u53f3\u306b\u30b9\u30ef\u30a4\u30d7\u3057\u3066\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Bottom CTA -->\r\n  <section class=\"section\">\r\n    <div class=\"cta-bottom\">\r\n      <h3>\uff3c\u30e9\u30a4\u30d0\u30fc\u5fdc\u52df\u3092\u3054\u5e0c\u671b\u306e\u65b9\uff0f<\/h3>\r\n      <p>\u307e\u305a\u306f\u3054\u76f8\u8ac7\/\u3054\u8cea\u554f\u304b\u3089\u3067\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002<br \/>\u3053\u3061\u3089\u304b\u3089\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<br \/>\u7686\u69d8\u306e\u3054\u5fdc\u52df\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\uff01<\/p>\r\n      <div class=\"cta-actions\">\r\n        <a href=\"https:\/\/lin.ee\/8bHlF6j\" class=\"btn-primary\">\u30e9\u30a4\u30d0\u30fc\u5fdc\u52df\u306f\u3053\u3061\u3089<\/a>\r\n        <a href=\"#current-events\" class=\"btn-ghost\">\u958b\u50ac\u4e2d\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u3082\u3046\u4e00\u5ea6\u898b\u308b<\/a>\r\n      <\/div>\r\n      <div class=\"cta-note\">\u203bSML\u304c\u4e3b\u50ac\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u306f\u3001<br \/>\u57fa\u672c\u7684\u306b\u6240\u5c5e\u30e9\u30a4\u30d0\u30fc\u306e\u65b9\u3092\u5bfe\u8c61\u3068\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n\r\n<script>\r\n  \/\/ FAQ \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\r\n  document.querySelectorAll(\".faq-question\").forEach(function (q) {\r\n    q.addEventListener(\"click\", function () {\r\n      var item = q.closest(\".faq-item\");\r\n      var isOpen = item.classList.contains(\"open\");\r\n      document.querySelectorAll(\".faq-item\").forEach(function (i) {\r\n        i.classList.remove(\"open\");\r\n      });\r\n      if (!isOpen) {\r\n        item.classList.add(\"open\");\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SML EVENT \u30e9\u30a4\u30d0\u30fc\u6d3b\u52d5\u304c\u3082\u3063\u3068\u697d\u3057\u304f\u306a\u308b\u4e8b\u52d9\u6240\u30aa\u30ea\u30b8\u30ca\u30eb\u30a4\u30d9\u30f3\u30c8 YouTube\u51fa\u6f14\u4f01\u753b\u3084\u7279\u5225\u30ec\u30c3\u30b9\u30f3\u30a4\u30d9\u30f3\u30c8\u3001\u30aa\u30d5\u30e9\u30a4\u30f3\u30a4\u30d9\u30f3\u30c8\u306a\u3069\u3001 \u6240\u5c5e\u30e9\u30a4\u30d0\u30fc\u9650\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u5b9a\u671f\u958b\u50ac\u3057\u3066\u3044\u307e\u3059\u3002 YouTube\u30bd\u30ed\u51fa\u6f14 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3073","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/pages\/3073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/comments?post=3073"}],"version-history":[{"count":120,"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/pages\/3073\/revisions"}],"predecessor-version":[{"id":4257,"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/pages\/3073\/revisions\/4257"}],"wp:attachment":[{"href":"https:\/\/sml.sheer.jp\/lp\/wp-json\/wp\/v2\/media?parent=3073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}