/* Mobile search suggestions: standalone rule, outside heading declarations. */ @media(max-width:782px){.mxh-workarchive #mxh-smart-suggestions{top:76px!important;}} /* ===== MyXeroMovie 見出しスタイル ===== */ /* 大見出し（h2）: ピンクのグラデーション背景 */ /* 中見出し（h3）: グラデーションの下線 */ /* 小見出し（h4）: ピンクの丸印 */ /* ページタイトル */ /* 本文中のリンク */ /* リストの行頭記号 */ /* 区切り線 */ /* MXH detail cleanup 2026-09-08 */ /* X detail CTA — article CTA design 2026-09-08 */ @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Home mobile search: all fields visible, compact layout */ @media (max-width:767px){ body.home #mxh-advanced-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:10px 0 0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home #mxh-advanced-panel>:not(form){display:none!important} body.home form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home form.mxh-advanced-search>label{display:block!important;margin:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important} body.home form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important;margin:0 0 2px!important;position:relative!important} body.home form.mxh-advanced-search>label>span{display:block!important;margin:0 0 4px!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important} body.home form.mxh-advanced-search input,body.home form.mxh-advanced-search select{display:block!important;width:100%!important;min-height:40px!important;height:40px!important;padding:7px 8px!important;font-size:14px!important;line-height:1.2!important} body.home form.mxh-advanced-search .mxh-filter-keyword input{height:48px!important;min-height:48px!important;padding:10px 14px 10px 44px!important;font-size:16px!important} body.home form.mxh-advanced-search>.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin:2px 0 0!important;padding:0!important;min-height:44px!important} body.home form.mxh-advanced-search>.mxh-filter-actions button{min-height:44px!important;margin:0!important;padding:8px 18px!important} body.home .mxh-archive-head{padding-top:16px!important;padding-bottom:12px!important} body.home .mxh-archive-head h1{font-size:28px!important;margin:0 0 6px!important} body.home .mxh-archive-head>p{font-size:14px!important;line-height:1.6!important;margin:0!important} body.home #mxh-smart-suggestions{top:56px!important;max-height:220px!important} } border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Mobile home search selector correction: home class is on #body_wrap */ @media (max-width:767px){ .home #mxh-advanced-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:10px 0 0!important;border:0!important;box-shadow:none!important;background:#fff!important} .home #mxh-advanced-panel>:not(form){display:none!important} .home form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important} .home form.mxh-advanced-search>label{display:block!important;margin:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important} .home form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important;margin:0 0 2px!important;position:relative!important} .home form.mxh-advanced-search>label>span{display:block!important;margin:0 0 4px!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important} .home form.mxh-advanced-search input,.home form.mxh-advanced-search select{display:block!important;width:100%!important;min-height:40px!important;height:40px!important;padding:7px 8px!important;font-size:14px!important;line-height:1.2!important} .home form.mxh-advanced-search .mxh-filter-keyword input{height:48px!important;min-height:48px!important;padding:10px 14px 10px 44px!important;font-size:16px!important} .home form.mxh-advanced-search>.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin:2px 0 0!important;padding:0!important;min-height:44px!important} .home form.mxh-advanced-search>.mxh-filter-actions button{min-height:44px!important;margin:0!important;padding:8px 18px!important} .home .mxh-archive-head{padding-top:16px!important;padding-bottom:12px!important} .home .mxh-archive-head h1{font-size:28px!important;margin:0 0 6px!important} .home .mxh-archive-head>p{font-size:14px!important;line-height:1.6!important;margin:0!important} .home #mxh-smart-suggestions{top:56px!important;max-height:220px!important} } border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Home mobile search: all fields visible, compact layout */ @media (max-width:767px){ body.home #mxh-advanced-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:10px 0 0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home #mxh-advanced-panel>:not(form){display:none!important} body.home form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home form.mxh-advanced-search>label{display:block!important;margin:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important} body.home form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important;margin:0 0 2px!important;position:relative!important} body.home form.mxh-advanced-search>label>span{display:block!important;margin:0 0 4px!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important} body.home form.mxh-advanced-search input,body.home form.mxh-advanced-search select{display:block!important;width:100%!important;min-height:40px!important;height:40px!important;padding:7px 8px!important;font-size:14px!important;line-height:1.2!important} body.home form.mxh-advanced-search .mxh-filter-keyword input{height:48px!important;min-height:48px!important;padding:10px 14px 10px 44px!important;font-size:16px!important} body.home form.mxh-advanced-search>.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin:2px 0 0!important;padding:0!important;min-height:44px!important} body.home form.mxh-advanced-search>.mxh-filter-actions button{min-height:44px!important;margin:0!important;padding:8px 18px!important} body.home .mxh-archive-head{padding-top:16px!important;padding-bottom:12px!important} body.home .mxh-archive-head h1{font-size:28px!important;margin:0 0 6px!important} body.home .mxh-archive-head>p{font-size:14px!important;line-height:1.6!important;margin:0!important} body.home #mxh-smart-suggestions{top:56px!important;max-height:220px!important} } border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Emergency mobile search form recovery */ @media (max-width:767px){ .home #mxh-advanced-panel,.home #mxh-advanced-panel>*{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;clip:auto!important} .home #mxh-advanced-panel form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;clip:auto!important;position:relative!important;padding:0!important;margin:0!important} .home #mxh-advanced-panel form.mxh-advanced-search>label{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;clip:auto!important} .home #mxh-advanced-panel form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important} .home #mxh-advanced-panel #mxh-smart-search{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:48px!important;min-height:48px!important;clip:auto!important} .home #mxh-advanced-panel .mxh-filter-actions{display:flex!important;grid-column:1/-1!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:44px!important} } /* ===== MyXeroMovie 見出しスタイル ===== */ /* 大見出し（h2）: ピンクのグラデーション背景 */ .page .post_content h2, #main_content h2:not(.mx-section__title):not(.mx-archive-header__title):not(.mx-profile__name):not(.mx-work-header__title):not(.mx-hero__title) { position: relative !important; margin: 2.8em 0 1.2em !important; padding: 16px 20px !important; border: none !important; border-left: 5px solid #ff4d7d !important; border-radius: 6px !important; background: linear-gradient(100deg, #ffdbe6 0%, #ffe9f0 60%, #fff2f6 100%) !important; color: #1a1a1a !important; font-size: 1.35rem !important; font-weight: 700 !important; line-height: 1.5 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important; } .page .post_content h2::before, .page .post_content h2::after, #main_content h2:not(.mx-section__title)::before, #main_content h2:not(.mx-section__title)::after { content: none !important; } /* 中見出し（h3）: グラデーションの下線 */ .page .post_content h3, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name) { position: relative !important; margin: 2.2em 0 1em !important; padding: 0 0 10px 0 !important; border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Home mobile search: all fields visible, compact layout */ @media (max-width:767px){ body.home #mxh-advanced-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:10px 0 0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home #mxh-advanced-panel>:not(form){display:none!important} body.home form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home form.mxh-advanced-search>label{display:block!important;margin:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important} body.home form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important;margin:0 0 2px!important;position:relative!important} body.home form.mxh-advanced-search>label>span{display:block!important;margin:0 0 4px!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important} body.home form.mxh-advanced-search input,body.home form.mxh-advanced-search select{display:block!important;width:100%!important;min-height:40px!important;height:40px!important;padding:7px 8px!important;font-size:14px!important;line-height:1.2!important} body.home form.mxh-advanced-search .mxh-filter-keyword input{height:48px!important;min-height:48px!important;padding:10px 14px 10px 44px!important;font-size:16px!important} body.home form.mxh-advanced-search>.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin:2px 0 0!important;padding:0!important;min-height:44px!important} body.home form.mxh-advanced-search>.mxh-filter-actions button{min-height:44px!important;margin:0!important;padding:8px 18px!important} body.home .mxh-archive-head{padding-top:16px!important;padding-bottom:12px!important} body.home .mxh-archive-head h1{font-size:28px!important;margin:0 0 6px!important} body.home .mxh-archive-head>p{font-size:14px!important;line-height:1.6!important;margin:0!important} body.home #mxh-smart-suggestions{top:56px!important;max-height:220px!important} } border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Mobile home search selector correction: home class is on #body_wrap */ @media (max-width:767px){ .home #mxh-advanced-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:10px 0 0!important;border:0!important;box-shadow:none!important;background:#fff!important} .home #mxh-advanced-panel>:not(form){display:none!important} .home form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important} .home form.mxh-advanced-search>label{display:block!important;margin:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important} .home form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important;margin:0 0 2px!important;position:relative!important} .home form.mxh-advanced-search>label>span{display:block!important;margin:0 0 4px!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important} .home form.mxh-advanced-search input,.home form.mxh-advanced-search select{display:block!important;width:100%!important;min-height:40px!important;height:40px!important;padding:7px 8px!important;font-size:14px!important;line-height:1.2!important} .home form.mxh-advanced-search .mxh-filter-keyword input{height:48px!important;min-height:48px!important;padding:10px 14px 10px 44px!important;font-size:16px!important} .home form.mxh-advanced-search>.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin:2px 0 0!important;padding:0!important;min-height:44px!important} .home form.mxh-advanced-search>.mxh-filter-actions button{min-height:44px!important;margin:0!important;padding:8px 18px!important} .home .mxh-archive-head{padding-top:16px!important;padding-bottom:12px!important} .home .mxh-archive-head h1{font-size:28px!important;margin:0 0 6px!important} .home .mxh-archive-head>p{font-size:14px!important;line-height:1.6!important;margin:0!important} .home #mxh-smart-suggestions{top:56px!important;max-height:220px!important} } border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* Home mobile search: all fields visible, compact layout */ @media (max-width:767px){ body.home #mxh-advanced-panel{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:10px 0 0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home #mxh-advanced-panel>:not(form){display:none!important} body.home form.mxh-archive-search.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important} body.home form.mxh-advanced-search>label{display:block!important;margin:0!important;padding:0!important;min-width:0!important;border:0!important;background:transparent!important} body.home form.mxh-advanced-search>.mxh-filter-keyword{display:block!important;grid-column:1/-1!important;margin:0 0 2px!important;position:relative!important} body.home form.mxh-advanced-search>label>span{display:block!important;margin:0 0 4px!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important} body.home form.mxh-advanced-search input,body.home form.mxh-advanced-search select{display:block!important;width:100%!important;min-height:40px!important;height:40px!important;padding:7px 8px!important;font-size:14px!important;line-height:1.2!important} body.home form.mxh-advanced-search .mxh-filter-keyword input{height:48px!important;min-height:48px!important;padding:10px 14px 10px 44px!important;font-size:16px!important} body.home form.mxh-advanced-search>.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin:2px 0 0!important;padding:0!important;min-height:44px!important} body.home form.mxh-advanced-search>.mxh-filter-actions button{min-height:44px!important;margin:0!important;padding:8px 18px!important} body.home .mxh-archive-head{padding-top:16px!important;padding-bottom:12px!important} body.home .mxh-archive-head h1{font-size:28px!important;margin:0 0 6px!important} body.home .mxh-archive-head>p{font-size:14px!important;line-height:1.6!important;margin:0!important} body.home #mxh-smart-suggestions{top:56px!important;max-height:220px!important} } border: none !important; border-radius: 0 !important; background: none !important; color: #1a1a1a !important; font-size: 1.15rem !important; font-weight: 700 !important; line-height: 1.5 !important; } .page .post_content h3::before, #main_content h3:not(.mx-card__title)::before { content: none !important; } .page .post_content h3::after, #main_content h3:not(.mx-card__title):not(.mx-section__title):not(.mx-ranking__name)::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: linear-gradient(90deg, #ff4d7d 0%, #ff9cb8 55%, #ffd0dd 100%) !important; } /* 小見出し（h4）: ピンクの丸印 */ .page .post_content h4, #main_content h4 { position: relative !important; margin: 1.8em 0 0.8em !important; padding: 0 0 0 18px !important; border: none !important; background: none !important; color: #e03567 !important; font-size: 1.02rem !important; font-weight: 700 !important; } .page .post_content h4::before, #main_content h4::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff4d7d !important; } /* ページタイトル */ .page .c-pageTitle, .single .c-postTitle__ttl { border-bottom: 2px solid #ffd9e3; } /* 本文中のリンク */ .page .post_content a { color: #e03567; text-decoration: underline; text-underline-offset: 2px; } .page .post_content a:hover { color: #ff4d7d; } /* リストの行頭記号 */ .page .post_content ul li::marker { color: #ff4d7d; } /* 区切り線 */ .page .post_content hr { border: none; border-top: 1px solid #f0dbe2; margin: 2.5em 0; } /* MXH detail cleanup 2026-09-08 */ body.single-post .post_content div:has(>a[href*="/creators/category/"]){display:none!important} body.single-post .post_content a[href*="/creators/category/"]{display:none!important} #mxh-x-fixed-cta{display:none!important} /* X detail CTA — article CTA design 2026-09-08 */ .mxh-x-fixed-cta-direct{position:fixed!important;z-index:10000!important;left:5%!important;right:5%!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:90%!important;max-width:720px!important;min-height:74px!important;padding:16px 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#ff526f 0%,#f52f83 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(242,56,131,.32)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} @media(max-width:600px){.mxh-x-fixed-cta-direct{left:5%!important;right:5%!important;width:90%!important;min-height:74px!important;font-size:18px!important}} /* Keep X CTA above iPhone Safari controls */ @media(max-width:600px){.mxh-x-fixed-cta-direct{bottom:calc(82px + env(safe-area-inset-bottom))!important}} /* X詳細ページを記事ページと完全共通化 2026-09-08 */ .single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important;background:#fff!important} .single-mx_x_embed .mxh-x-article{width:100%!important;max-width:none!important;overflow:visible!important;font-size:16px!important;line-height:1.8!important;background:#fff!important} .single-mx_x_embed .mxh-x-article__header,.single-mx_x_embed .mxh-x-article__body,.single-mx_x_embed .mxh-x-article>.mxh-section,.single-mx_x_embed .mxh-x-article__tags,.single-mx_x_embed .mxh-x-article__sample{margin-left:0!important;margin-right:0!important} .single-mx_x_embed .mxh-x-article__body{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:inherit!important;line-height:inherit!important} .single-mx_x_embed .mxh-x-fixed-cta-direct{display:none!important} @media(max-width:600px){.single-mx_x_embed .mxh-x-page{position:static!important;left:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 16px!important}.single-mx_x_embed .mxh-x-article{font-size:16px!important;line-height:1.8!important}.single-mx_x_embed .mxh-x-article__player{width:100%!important;margin:12px 0!important}} /* 2026-09-08: article cleanup, natural desktop sidebar, creator text */ body.single-post .post_content h2:has(+ * a[href*="/creators/category/"]), body.single-post .post_content h2 + *:has(a[href*="/creators/category/"]), body.single-post .post_content > section:has(a[href*="/creators/category/"]), body.single-post .post_content > div:has(> a[href*="/creators/category/"]){display:none!important;} .mxh-card--creator .mxh-card__title{font-size:16px!important;line-height:1.35!important;} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;} @media (min-width:1100px){ body.single-post .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-work .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-creator .l-container:has(> .l-main + #mxh-desktop-sidebar), body.single-mx_x_embed .l-container:has(> .l-main + #mxh-desktop-sidebar){display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;} #mxh-desktop-sidebar.mxh-desktop-sidebar{position:static!important;z-index:auto!important;top:auto!important;right:auto!important;display:block!important;width:300px!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;} } @media (max-width:1099px){#mxh-desktop-sidebar{display:none!important;}.mxh-card--creator .mxh-card__title{font-size:15px!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} @media (min-width:1100px){.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important;}} /* 2026-09-08 PC header and single-sidebar final */ @media (min-width:1100px){ .l-header__gnav{display:none!important} .mxh-mobile-tools{display:grid!important;position:static!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:58px!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;background:#fff!important} .mxh-mobile-tools a,.mxh-mobile-tools button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;background:none!important;color:#222!important;font-size:11px!important;text-decoration:none!important} .mxh-mobile-tools span{font-size:21px!important;line-height:22px!important} body:has(.l-sidebar) #mxh-desktop-sidebar{display:none!important} body:has(.l-sidebar) .mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} .l-sidebar{width:300px!important} } /* Use one clean MXH sidebar on desktop */ @media (min-width:1100px){ body.single-post .l-sidebar,body.single-work .l-sidebar,body.single-creator .l-sidebar,body.single-mx_x_embed .l-sidebar{display:none!important} body.single-post #mxh-desktop-sidebar,body.single-work #mxh-desktop-sidebar,body.single-creator #mxh-desktop-sidebar,body.single-mx_x_embed #mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;align-items:start!important} } /* Selector-independent desktop sidebar override */ @media (min-width:1100px){ .l-content.mxh-with-sidebar>.l-sidebar{display:none!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;grid-column:2!important;grid-row:1!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important} } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ @media(min-width: /* PC header controls: keep click targets above } /* Final compact sidebar and creator cards */ .mxh-card--creator .mxh-card__title{font-size:17px!important;line-height:1.35!important} .mxh-card--creator .mxh-card__intro{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important} @media(min-width:1100px){.l-content.mxh-with-sidebar{grid-template-columns:minmax(0,1fr) 310px!important;column-gap:18px!important;row-gap:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important}.mxh-desktop-sidebar section{margin-bottom:22px!important}} @media(max-width:600px){.mxh-card--creator .mxh-card__title{font-size:16px!important}.mxh-card--creator .mxh-card__intro{-webkit-line-clamp:3!important;line-clamp:3!important}} /* Remove desktop article/sidebar dead space */ @media(min-width:1100px){body.single-post .l-content.mxh-with-sidebar,body.single-work .l-content.mxh-with-sidebar,body.single-creator .l-content.mxh-with-sidebar,body.single-mx_x_embed .l-content.mxh-with-sidebar{grid-template-columns:minmax(0,760px) 310px!important;justify-content:center!important;column-gap:18px!important}body.single-post .l-content.mxh-with-sidebar>#main_content,body.single-work .l-content.mxh-with-sidebar>#main_content,body.single-creator .l-content.mxh-with-sidebar>#main_content,body.single-mx_x_embed .l-content.mxh-with-sidebar>#main_content{width:100%!important;max-width:760px!important;margin:0!important}} /* Close remaining visual gap on wide desktop */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{width:1040px!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,720px) 310px!important;column-gap:10px!important;justify-content:start!important} .l-content.mxh-with-sidebar>#main_content{width:720px!important;max-width:720px!important;margin:0!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{width:310px!important;margin:0!important} } /* Use the WordPress/SWELL visual sidebar without overlap */ /* PC reset: no sidebar, mobile-style header */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,cal)} } .l-header,.l-header__inner{position:relative!important;z-index:10010!important} }1100px){ body.single-post .l-content.mxh-with-sidebar{display:grid!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) 300px!important;column-gap:28px!important;justify-content:normal!important;align-items:start!important} body.single-post .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>.l-sidebar{display:block!important;grid-column:2!important;grid-row:1!important;width:300px!important;margin:0!important} body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} } /* SAFE-NO-OVERLAP */ @media(min-width:1100px){.l-content.mxh-with-sidebar{width:1100px!important;max-width:calc(100vw - 40px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,760px) 310px!important;column-gap:30px!important;justify-content:center!important}.l-content.mxh-with-sidebar>#main_content{width:760px!important;max-width:760px!important;min-width:0!important}.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:block!important;width:310px!important;margin:0!important}} /* FINAL-DESKTOP-NO-OVERLAP */ @media(min-width:1100px){ .l-content.mxh-with-sidebar{display:grid!important;width:1240px!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;grid-template-columns:minmax(0,900px) 310px!important;column-gap:30px!important;justify-content:center!important;align-items:start!important} .l-content.mxh-with-sidebar>#main_content{grid-column:1!important;width:900px!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important} .l-content.mxh-with-sidebar>#main_content .c-postTitle,.l-content.mxh-with-sidebar>#main_content .c-postTitle__ttl,.l-content.mxh-with-sidebar>#main_content .p-articleHead,.l-content.mxh-with-sidebar>#main_content .post_content{max-width:100%!important;overflow-wrap:anywhere!important} .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{grid-column:2!important;width:310px!important;max-width:310px!important;margin:0!important} } /* PC CLEAN FINAL */ @media(min-width:960px){.l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-inline:auto!important}.l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important}.l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mx}h-desktop-sidebar{display:none!important}}.l-header,.l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important}} /* PC HEADER + CONTENT FINAL */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } /* SAFE-NO-OVERLAP *//* PC SINGLE COLUMN + MOBILE-STYLE HEADER */ @media(min-width:960px){ .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important} .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important;overflow:visible!important} .l-content.mxh-with-sidebar>.l-sidebar,.l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important} .l-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important} .l-header__inner{display:flex!important;visibility:visible!important;opacity:1!important} #mxh-mobile-tools{display:flex!important} } @media(min-width:960px){#mxh-mobile-tools{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-around!important;align-items:center!important}#mxh-mobile-tools>*{flex:1 1 25%!important;text-align:center!important}} @media(min-width:960px){body.single-post .l-content.mxh-with-sidebar{display:block!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}body.single-post .l-content.mxh-with-sidebar>#main_content{display:block!important;width:100%!important;max-width:900px!important;margin:0 auto!important}body.single-post .l-content.mxh-with-sidebar>.l-sidebar,body.single-post .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* PC ARTICLE TRUE CENTER FIX */ @media(min-width:960px){html body .l-content.mxh-with-sidebar{display:grid!important;grid-template-columns:minmax(0,900px)!important;column-gap:0!important;justify-content:center!important;width:min(900px,calc(100vw - 40px))!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>#main_content{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:900px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}html body .l-content.mxh-with-sidebar>.l-sidebar,html body .l-content.mxh-with-sidebar>#mxh-desktop-sidebar{display:none!important}} /* mobile search final direct fix */ @media(max-width:767px){#mxh-advanced-panel,#mxh-advanced-panel>*{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}#mxh-advanced-panel form.mxh-archive-search,#mxh-advanced-panel form.mxh-advanced-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;padding:0!important;margin:16px 0 0!important}#mxh-advanced-panel form>label{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important}.mxh-filter-keyword{grid-column:1/-1!important}#mxh-smart-search{display:block!important;width:100%!important;min-height:48px!important}.mxh-filter-actions{display:flex!important;grid-column:1/-1!important;min-height:44px!important}} @media(max-width:767px){#mxh-advanced-panel{position:static!important;inset:auto!important;clip-path:none!important;transform:none!important;width:100%!important;min-height:340px!important;margin:16px 0 0!important;pointer-events:auto!important}#mxh-advanced-panel .mxh-advanced-search{position:static!important;inset:auto!important;clip-path:none!important;transform:none!important;width:100%!important;min-height:300px!important;pointer-events:auto!important}#mxh-advanced-panel .mxh-search-field{position:relative!important;clip-path:none!important;transform:none!important;min-height:48px!important}} @media(max-width:767px){#body_wrap #primary #mxh-advanced-panel>form.mxh-archive-search.mxh-advanced-search{display:grid!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;height:auto!important;min-height:300px!important;max-height:none!important;overflow:visible!important;clip:auto!important;clip-path:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}#body_wrap #primary #mxh-advanced-panel>form.mxh-advanced-search>*{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important}#body_wrap #primary #mxh-advanced-panel #mxh-smart-search{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:48px!important}} @media(max-width:767px){#mxh-advanced-panel form,#mxh-advanced-panel form *{content-visibility:visible!important;contain:none!important;scale:1!important;transform:none!important;filter:none!important;pointer-events:auto!important}#mxh-advanced-panel form{display:grid!important;min-height:300px!important;z-index:5!important}#mxh-advanced-panel form input,#mxh-advanced-panel form select,#mxh-advanced-panel form button{display:block!important;visibility:visible!important;opacity:1!important;min-height:44px!important}} @media(max-width:767px){#mxh-advanced-panel#mxh-advanced-panel#mxh-advanced-panel#mxh-advanced-panel form.mxh-archive-search.mxh-advanced-search{display:grid!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;height:auto!important;min-height:300px!important;max-height:none!important;overflow:visible!important}#mxh-advanced-panel#mxh-advanced-panel#mxh-advanced-panel #mxh-smart-search{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:48px!important;min-height:48px!important}} @media(max-width:767px){details#mxh-advanced-panel:not([open])>summary~*{display:grid!important}details#mxh-advanced-panel>summary{display:none!important}} /* ===== Mobile home search compact UI 2026-09-16 ===== */ @media (max-width: 782px) { .home .mxh-archive-head { margin: 0 !important; padding: 26px 0 22px !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; } .home .mxh-archive-head .mxh-kicker { display: none !important; } .home .mxh-archive-head h1 { margin: 0 0 7px !important; font-size: 28px !important; line-height: 1.25 !important; letter-spacing: -.02em !important; } .home .mxh-archive-head > p:not(.mxh-kicker) { margin: 0 !important; font-size: 13px !important; line-height: 1.7 !important; color: #687080 !important; } .home .mxh-advanced-panel { margin: 16px 0 0 !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } .home .mxh-advanced-panel > summary { display: none !important; } .home .mxh-advanced-search { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .home .mxh-filter-keyword { grid-column: 1 / -1 !important; } .home .mxh-advanced-search > label:has([name="purchase"]), .home .mxh-advanced-search > label:has([name="period"]), .home .mxh-advanced-search > label:has([name="price_min"]), .home .mxh-advanced-search > label:has([name="price_max"]) { display: none !important; } .home .mxh-advanced-search > label > span { margin: 0 0 5px !important; font-size: 12px !important; line-height: 1.3 !important; } .home .mxh-advanced-search input:not([type="checkbox"]), .home .mxh-advanced-search select { height: 46px !important; border: 1px solid #dfe3e8 !important; border-radius: 12px !important; background: #fff !important; font-size: 16px !important; box-shadow: none !important; } .home #mxh-smart-search { padding: 0 42px 0 40px !important; } .home .mxh-filter-actions { grid-column: 1 / -1 !important; display: block !important; min-height: 0 !important; } .home .mxh-priced-check, .home .mxh-filter-actions > a { display: none !important; } .home .mxh-filter-actions button { width: 100% !important; height: 48px !important; margin: 0 !important; border-radius: 12px !important; font-size: 15px !important; } .home .mxh-smart-suggestions { position: absolute !important; left: 0 !important; right: 0 !important; top: calc(100% + 6px) !important; max-height: min(48vh, 340px) !important; border-radius: 12px !important; z-index: 99999 !important; } .home .mxh-suggest-item { min-height: 50px !important; padding: 7px 9px !important; } .home .mxh-suggest-item img, .home .mxh-suggest-icon { width: 34px !important; height: 34px !important; flex-basis: 34px !important; } .home .mxh-suggest-title { font-size: 13px !important; } .home .mxh-suggest-type { font-size: 11px !important; } .home .mxh-workarchive > section:first-of-type { margin-top: 22px !important; } } @media (max-width: 782px) { .home .mxh-advanced-search > label { grid-column: auto !important; display: block !important; } .home .mxh-advanced-search > label.mxh-filter-keyword { grid-column: 1 / -1 !important; } .home .mxh-advanced-search > label:nth-of-type(3), .home .mxh-advanced-search > label:nth-of-type(4), .home .mxh-advanced-search > label:nth-of-type(5), .home .mxh-advanced-search > label:nth-of-type(6) { display: none !important; } .home .mxh-advanced-search > label:nth-of-type(2), .home .mxh-advanced-search > label:nth-of-type(7) { min-width: 0 !important; } } /* Mobile search: keep only the useful controls */ @media (max-width:782px){ .mxh-advanced-search > label:has(select[name="purchase"]), .mxh-advanced-search > label:has(select[name="period"]), .mxh-advanced-search > label:has(input[name="price_min"]), .mxh-advanced-search > label:has(input[name="price_max"]) { display:none !important; } .mxh-advanced-search { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:12px !important; } .mxh-advanced-search > .mxh-filter-keyword { grid-column:1 / -1 !important; position:relative !important; } .mxh-advanced-search > label:has(select[name="genre"]), .mxh-advanced-search > label:has(select[name="sort"]) { display:block !important; grid-column:auto !important; min-width:0 !important; } } @media (max-width:782px){ body .mxh-workarchive .mxh-archive-head .mxh-advanced-panel .mxh-advanced-search > label:has(select[name="purchase"]), body .mxh-workarchive .mxh-archive-head .mxh-advanced-panel .mxh-advanced-search > label:has(select[name="period"]), body .mxh-workarchive .mxh-archive-head .mxh-advanced-panel .mxh-advanced-search > label:has(input[name="price_min"]), body .mxh-workarchive .mxh-archive-head .mxh-advanced-panel .mxh-advanced-search > label:has(input[name="price_max"]) {display:none!important;} } /* Mobile search final layout */@media screen and (max-width:782px){ .mxh-advanced-search>label:nth-of-type(3), .mxh-advanced-search>label:nth-of-type(4), .mxh-advanced-search>label:nth-of-type(5), .mxh-advanced-search>label:nth-of-type(6){display:none!important;} .mxh-advanced-search{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;} .mxh-advanced-search>label:nth-of-type(1){grid-column:1/-1!important;} .mxh-advanced-search>label:nth-of-type(2), .mxh-advanced-search>label:nth-of-type(7){display:block!important;grid-column:auto!important;min-width:0!important;} .mxh-advanced-search>button[type="submit"]{grid-column:1/-1!important;width:100%!important;}} /* Hide the automatic clip sample CTA on desktop only. */ @media (min-width: 1024px) { .single-mx_x_embed .mxh-x-article > .mxh-x-article__sample { display: none !important; } } /* Keep X detail content inside its sidebar layout column. */ @media (min-width: 1100px) { .single-mx_x_embed .mxh-layout-shell > #primary.mxh-x-page { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .single-mx_x_embed .mxh-x-article, .single-mx_x_embed .mxh-x-article__header { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } } html body #mxh-x-related-sources { display: none !important; } /* Hide clip title kicker */.mxh-x-article__header > .mxh-kicker { display: none !important; } /* Visible timestamp context for X like counts. */.mxh-x-post-info__likes > .screen-reader-text { position: static !important; width: auto !important; height: auto !important; margin: 0 0 0 .4em !important; padding: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: normal !important; font-size: .8em; color: #666; } /* Match clip publication dates to article dates. */.mxh-x-article__header .mxseo-article-dates { display:flex!important; flex-wrap:wrap!important; gap:6px 20px!important; font-size:13px!important; line-height:1.8!important; color:#666!important; margin:0!important; }.mxh-x-article__header .mxseo-article-dates span,.mxh-x-article__header .mxseo-article-dates time {font-size:inherit!important;line-height:inherit!important;} /* Native SWELL title date layout with automatic PR disclosure. */.mxh-x-article__header .c-postTitle{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}.mxh-x-article__header .c-postTitle__ttl{grid-column:2!important;grid-row:1!important;margin:0!important}.mxh-x-article__header .c-postTitle__date{grid-column:1!important;grid-row:1!important;width:70px!important;min-width:70px!important;margin:0!important;white-space:nowrap!important}.mxh-x-article__header .c-postTitle>.mxh-pr-disclosure{grid-column:1/-1!important;grid-row:2!important;width:100%!important}@media(max-width:600px){.mxh-x-article__header .c-postTitle{grid-template-columns:55px minmax(0,1fr)!important;gap:12px!important}.mxh-x-article__header .c-postTitle__date{width:55px!important;min-width:55px!important}} /* Work description: preserve paragraphs without automatic separator */ body.single-mx_work .mxh-work .mxh-prose p:last-child, .mxh-work .mxh-prose p:last-child { border-top: 0 !important; padding-top: 0 !important; } html body .mxh-work .mxh-prose p:last-child { border-top: 0 !important; padding-top: 0 !important; } /* Mobile article body: match fanfan standard typography. */ @media(max-width:599px){ html body.single-post #main_content .post_content{font-size:15.6px!important;line-height:1.8!important;} html body.single-post #main_content .post_content > p, html body.single-post #main_content .post_content > ul > li, html body.single-post #main_content .post_content > ol > li{font-size:15.6px!important;line-height:1.8!important;} } /* Unified desktop archive introductions, 2026-10-07. */ html body #content#content #primary#primary#primary.mxh-wrap .mxh-kicker{display:none!important;} @media(min-width:960px){ html body #content#content #primary#primary#primary.mxh-wrap:is(.mxh-workarchive,.mxh-xarchive,.mxh-rank-page,.mxh-creator-archive){padding-top:0!important;} html body #content#content #primary#primary#primary.mxh-wrap :is(.mxh-archive-head,.mxh-xarchive__hero,.mxh-rank-hero,.mxh-ca-hero,.mxh-home-introduction){margin:0 0 28px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;text-align:left!important;} html body #content#content #primary#primary#primary.mxh-wrap :is(.mxh-archive-head,.mxh-xarchive__hero,.mxh-rank-hero,.mxh-ca-hero)>h1,html body #content#content #primary#primary#primary.mxh-wrap .mxh-home-introduction>h2{font-size:32px!important;line-height:1.4!important;font-weight:700!important;margin:0 0 16px!important;padding:0!important;letter-spacing:normal!important;border:0!important;} html body #content#content #primary#primary#primary.mxh-wrap :is(.mxh-archive-head,.mxh-xarchive__hero,.mxh-rank-hero,.mxh-ca-hero,.mxh-home-introduction)>p:not(.mxh-rank-method){font-size:16px!important;line-height:1.8!important;margin:0 0 20px!important;color:#666!important;} html body .mxh-creator-archive{display:flex!important;flex-direction:column!important;} html body .mxh-creator-archive> .mxh-ca-hero{order:-1!important;} html body .mxh-creator-paths{margin:0 0 24px!important;padding:0 0 12px!important;} } /* Align desktop home introduction with archive heading start. */ @media(min-width:960px){html body #content#content #primary#primary#primary.mxh-wrap .mxh-home-introduction{margin-top:0!important;}} /* Keep home sidebar aligned with archive sidebar on desktop. */ @media(min-width:960px){ html body #content#content:has(.mxh-home-introduction) #mxh-desktop-sidebar#mxh-desktop-sidebar{margin-top:0!important;} html body #content#content #mxh-desktop-sidebar#mxh-desktop-sidebar h2{font-size:19px!important;line-height:1.4!important;} } /* Compact shared desktop page opening spacing. */ @media(min-width:960px){ html body #content#content{padding-top:32px!important;} html body #content#content>.mxh-layout-shell{margin-top:0!important;padding-top:0!important;} } /* Home visual rhythm, 2026-10-07 */ html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction{margin:0 0 28px!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction>p{color:#555!important;line-height:1.8!important;margin-bottom:0!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap>.mxh-section,html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap>.mxh-topic-directory{margin:0 0 32px!important;padding:0!important;border:0!important;box-shadow:none!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-section__head{margin:0 0 16px!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-section__head>h2,html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap>.mxh-topic-directory>h2,html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap>.mxh-archive-head>h1{font-size:24px!important;line-height:1.4!important;font-weight:700!important;margin:0 0 16px!important;letter-spacing:normal!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-section__head>h2{margin:0!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-section__foot{margin:14px 0 0!important;padding:0!important;} /* Homepage introduction: clear hierarchy and compact spacing */ html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction{padding:22px 24px!important;background:#f8f9fb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;margin:0 0 28px!important;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction>h2{font-size:24px!important;line-height:1.5!important;border:0!important;padding:0!important;margin:0 0 10px!important;letter-spacing:0!important;text-wrap:pretty;} html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction>p{font-size:15px!important;line-height:1.8!important;color:#555!important;margin:0!important;} @media(max-width:959px){html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction{padding:16px!important;margin-bottom:24px!important;}html body #content#content:has(.mxh-home-introduction) #primary#primary#primary.mxh-wrap .mxh-home-introduction>h2{font-size:20px!important;}} /* Mobile fixed CTA matched to fanfan, 2026-10-07 */ @media(max-width:959px){ html body a:is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(.mxh-mobile-affiliate,.mxh-sticky-buy,#mxh-x-fixed-cta>a){display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff5968 0%,#ff4053 48%,#ef2f49 100%)!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(239,47,73,.34)!important;min-height:64px!important;padding:10px 13px!important;font-size:clamp(14px,4vw,17px)!important;font-weight:800!important;line-height:1.3!important;letter-spacing:normal!important;text-shadow:none!important;animation:none!important;white-space:nowrap!important;} html body #mxh-fixed-purchase-shell#mxh-fixed-purchase-shell{left:12px!important;right:12px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-width:none!important;} html body a:is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(.mxh-mobile-affiliate,.mxh-sticky-buy,#mxh-x-fixed-cta>a)>.mxh-purchase-text{line-height:1.3!important;} } @media(max-width:959px){html body .mxh-mobile-affiliate-wrap.mxh-mobile-affiliate-wrap.mxh-mobile-affiliate-wrap,html body #mxh-x-fixed-cta#mxh-x-fixed-cta#mxh-x-fixed-cta{left:12px!important;right:12px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;}html body .mxh-mobile-affiliate-wrap.mxh-mobile-affiliate-wrap>a{width:100%!important;margin:0!important;}} @media(max-width:959px){html body .mxh-mobile-affiliate-wrap.mxh-mobile-affiliate-wrap.mxh-mobile-affiliate-wrap,html body #mxh-x-fixed-cta#mxh-x-fixed-cta#mxh-x-fixed-cta{transform:none!important;}} @media(max-width:959px){html body a:is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(#mxh-cta-priority,a):is(.mxh-mobile-affiliate,.mxh-sticky-buy,#mxh-x-fixed-cta>a){position:relative!important;inset:auto!important;transform:none!important;margin:0!important;}} /* Creator heading: match standard article date formatting 20261008 */#main_content .mxh-native-date-head .c-postTitle{grid-template-columns:max-content minmax(0,1fr)!important;gap:12px!important;}#main_content .mxh-native-date-head .c-postTitle__date{width:auto!important;min-width:0!important;}#main_content .mxh-native-date-head .c-postTimes{font-size:12px!important;line-height:1.6!important;margin:9px 0 0!important;padding:0 1px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;} #primary.mxh-creator-page .mxh-native-date-head .c-postTitle{grid-template-columns:max-content minmax(0,1fr)!important;gap:12px!important;}#primary.mxh-creator-page .mxh-native-date-head .c-postTitle__date{width:auto!important;min-width:0!important;}#primary.mxh-creator-page .mxh-native-date-head .c-postTimes{font-size:12px!important;line-height:1.6!important;margin:9px 0 0!important;padding:0 1px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;} /* Creator article formatting */ #primary.mxh-creator-page{padding-top:0!important}#primary.mxh-creator-page>article{display:flex;flex-direction:column;min-width:0}#primary.mxh-creator-page .mxh-native-date-head{order:-2;margin:0 0 24px!important;padding:0!important}#primary.mxh-creator-page .mxh-creator-paths{order:-1;margin:0 0 24px!important}#primary.mxh-creator-page .c-postTitle__ttl{font-size:28px!important;line-height:1.6!important;font-weight:700!important;margin:0!important;padding:0!important}#primary.mxh-creator-page .mxh-profile-card p{font-size:16px!important;line-height:1.9!important}#primary.mxh-creator-page .mxh-profile-card p+p{margin-top:2em!important}#primary.mxh-creator-page .mxh-profile-card{margin-bottom:32px!important}@media(max-width:959px){#primary.mxh-creator-page .c-postTitle__ttl{font-size:20px!important;line-height:1.4!important}#primary.mxh-creator-page .mxh-native-date-head .c-postTitle{font-size:14px!important;line-height:1.6!important;gap:10.5px!important}#primary.mxh-creator-page .c-postTitle__date{font-size:14px!important;line-height:1!important;padding:7px 10.5px 7px 0!important}#primary.mxh-creator-page .mxh-profile-card p{font-size:15.6px!important;line-height:1.8!important}}